CSS、经典 ASP、复选框

Question

我正在尝试让我的样式表实现对复选框的更改。我知道 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="" />

我也尝试过样式表输入[type=checkbox] {}

我还尝试创建一个名为 TrialCheckboxStylesheet.css 的全新样式表，并将所有 css 放在其中。仍然没有工作。是的，我在 i_internal_headers 中放了一个新的链接参考

已编辑：我当前的代码如下所示：

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

}

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

在 IE 上使用开发者工具时，我发现了这个

#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。那么，如何让复选框优先于另一个？

Answer 1

这是我必须做的

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

}

在 stylesheet.css 中

这使得优先覆盖之前的 CSS

感谢 Tetsujin no Oni 的帮助和快速解答。

Answer 2

我认为你的问题在于css的相对路径。据我所知，您的文件结构如下所示

root
|
|-include
  |-i_internal_headers.asp
|-css
  |-stylesheet.css
|-internal_users.asp

所以当您从浏览器调用internal_users.asp 文件时，它会在位于根文件夹的父文件夹中的css 文件夹中查找stylesheet.css 文件。出现此问题是因为您在 i_internal_headers.asp 中提供了样式表的相对路径

为了解决这个问题，将相对路径更改为绝对路径。像这样-

<link rel="stylesheet" type="text/css" href="/css/stylesheet.css"><!-- remove the two dots in from of /css -->

这告诉服务器样式表位于root/css 文件夹下。