是否有可能使CSS選擇器影響頁面中的其他元素沒有javascript？

例如，我希望有兩個文本框具有相同的風格時，無論是專注：是否有可能使CSS選擇器影響頁面中的其他元素沒有javascript？

<div class="divTxt"> 
    <input type="text" id="a" class="a" /> 
    <input type="text" id="b" class="b" /> 
</div>

和CSS將是：

.a:focus 
{ 
    background-color:Blue; 
} 
.b:focus 
{ 
    background-color:Yellow; 
}

我需要的是做出的背景色： b聚焦時爲黃色，反之亦然。任何可能性？非常感謝。

來源

2009-12-01 Jronny

我不認爲這是可行的W/O使用Javascript - 這有什麼不妥做在Javascript，反正？ –

這是爲禁用JavaScript的瀏覽器。 :) – Jronny

你可以嘗試General Sibling Selector(~)如果輸入框是彼此相鄰。

喜歡的東西：

.a:focus { background-color:Blue;} 
.a:focus~.b { background-color:Blue;} 
.b:focus { background-color:Yellow;} 
.b:focus~.a { background-color:Yellow;}

注：沒有經過充分測試充其量在黑暗中刺！

來源

2009-12-01 04:44:59

好點+1。遺憾的是這在舊版瀏覽器中並沒有很好地實現。 –

更不用說IE7中的越野車了，鏈接的文章提到它是兼容性問題。 –

謝謝，但舊版瀏覽器不使用此功能......而且還有大量使用舊版本的人。 – Jronny

如果他們已禁用JavaScript，他們可能不會注意到文本框樣式。

來源

2009-12-01 04:58:01 carillonator

好吧，這是他們的錯，他們禁用javascript反正。他們不會注意到我創作的美麗。 *邪惡的笑* – Jronny

-2

.chk1:focus{ 
    background-color:Blue; 
} 
.chk2:focus{ 
    background-color:Yellow; 
}

文本精密組件

<input class=chk1 type=text id="a"> 
<input class=chk2 type=text id="b">

這一次將正常工作與Firefox，但可能有問題與IE6 見CSS Issue Focus For IE6

如果你想這與IE瀏覽器，你可能想使用JavaScript的！

希望這有助於

RDJ

來源

2009-12-01 05:02:26 Richie

是否有可能使CSS選擇器影響頁面中的其他元素沒有javascript？

回答

相關問題