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 中放了一个新的链接参考

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

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

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

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

于 2013-10-07T22:33:56.010 回答
0

我认为你的问题在于css的相对路径。据我所知，您的文件结构类似于以下内容

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

因此，当您internal_users.asp从浏览器调用文件时，它stylesheet.css会在位于根文件夹的父文件夹中的 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文件夹下。

于 2013-10-07T18:55:21.707 回答