私のwin8アプリには2つのページがあります。Page1.html と page2.html 。Page1 には ui-light.css への参照があり、次に page1.css への参照があります。Page2 には 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 に基づいてスタイルを定義しようとしました。何も機能していないようです。
何か案は？