Question

在我的win8应用中有2页。 Page1.html和page2.html。 Page1引用了ui-light.css，然后引用了page1.css。第2页引用了ui-light.css和page2.css。

ui-light.css具有针对选择框的禁用状态定义的规则。在page1.css上我以这种方式覆盖了select disabled样式。

select:disabled{
   background-clip: padding-box 
   background-color: rgb(45, 44, 44) 
   border-bottom-color: rgba(128, 128, 128,1) 
   border-left-color: rgba(128, 128, 128,1) 
   border-right-color: rgba(128, 128, 128,1) 
   border-top-color: rgba(128, 128, 128,1) 
   color: rgba(128, 128, 128,1) 
}

这很好用。但是当我从page1导航到page2时，page2中的所有选择框都具有相同的样式（page1.css中的样式）。我如何确保不会发生这种情况？我希望page2.css中的选择框继续使用ui-light.css中的样式。

我尝试使用！important来定义基于id的样式。似乎没什么用。

有什么想法吗？

Answer 1

为特定网页加载css ..不要在page1.css

的head标记中提及样式表page2.html

CSS选择框禁用样式没有重置

1 个答案: