3

スタイルシートにチェックボックスへの変更を実装しようとしています。インラインのときはチャンピオンのように機能したので、CSS が優れていることはわかっています。

internal_users.asp はフォーマットする必要があるものですが、スタイルが実装されている i_internal_headers.asp から (マスターページと同様に) 継承します。

コード：

stylesheet:
.checkbox {
margin: 4px 0;
padding: 0;
width:50px;
border:none;
background:none;
}

i_internal_headers.asp
<link rel="stylesheet" type="text/css" href="../css/stylesheet.css">

internal_users.asp
<!-- #include file="include/i_internal_headers.asp" -->
<input type="checkbox" class="styled" value="" />

スタイルシート input[type=checkbox] {} も試しました

また、TrialCheckboxStylesheet.css という新しいスタイルシートを作成して、そこにすべての CSS を配置しました。それでもうまくいきませんでした。はい、新しいリンク参照を i_internal_headers に入れます

EDITTED:私の現在のコードは次のようになります:

.cbClear {
margin: 4px 0;
padding: 0;
width:50px;
border:none;
background:none;

}

<input type="checkbox" class="cbClear" value="" />.

IEでDeveloper Toolsを使っていたらこんなの見つけた

#rightcolumn input, #rightcolumn textarea, #rightcolumn select { 
padding: 5px; 
width: 299px; 
font: 100% arial; 
border: 1px solid #D5D5D5; 
background: #FFF; 
color: #47433F;
border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border: 7px 7px 7px 7px;

}

チェックボックスの他のCSSをオーバーライドしているようです。では、チェックボックスを他のものよりも優先させるにはどうすればよいでしょうか?

4

2 に答える 2

1

これは私がしなければならなかったことです

#rightcolumn input.cbClear {
margin:4px 0 !important;
padding:0 !important;
width:50px !important;
border:none !important;
background:none !important;

}

stylesheet.css 内

これにより、以前の CSS をオーバーライドすることが優先されました。

助けと素早い回答をありがとう、鉄人の鬼。

于 2013-10-07T22:33:56.010 に答える