使用：懸停元素的內嵌樣式（用HTML/CSS/PHP）

可能重複：
How do I embed an 「a:hover{…}」 rule into a style attribute in the middle of a document?
How to write a:hover in inline CSS?使用：懸停元素的內嵌樣式（用HTML/CSS/PHP）

我想動態改變的懸停顏色元素，但不使用外部CSS樣式表，只能內聯。這是代碼（使用PHP，以產生元件）

echo ' 
<div class="container" style="color:#'.$color.'"> 
    '.$contents.' 
</div>';

當用戶將鼠標懸停在該容器元素，顏色風格，將改變的$color值（目前沒有懸停）。

任何幫助，將不勝感激。

來源

2011-02-25 Jared

可以使用javascipt的做到這一點。 JavaScript是可觀的？ – Sujeet 2011-02-25 05:02:23

你不能。請參閱：http://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css – jterrace 2011-02-25 05:01:08

這是轉發：http://stackoverflow.com/questions/1033156/how-to- write-ahover-in-line-css 懸崖筆記是'：hover'是一個僞類，只能在樣式表中使用。您可以創建一個類並通過PHP進行分配，或者使用一些JS來執行onmouseover和onmouseout。 – Xenethyl 2011-02-25 05:01:16

這將幫助你，如果JavaScript是明顯的

<TD onMouseOver="this.bgColor='#00CC00'" onMouseOut="this.bgColor='#009900'" bgColor=#009900> 
<A HREF="http://www.mysite.com">Click Here</A></TD>

或

的Javascript更改超鏈接文本顏色的onmouseover

<style type="text/css"> 

a { 
font-weight:bold; 
font-family:verdana; 
text-decoration:none; 
} 

</style> 

<script type="text/javascript" language="javascript"> 
function changeColor(idObj,colorObj) 
{ 
    document.getElementById(idObj.id).style.color = colorObj; 
} 
</script>

<a href="#" style="color: #000000" onmouseover="this.style.color='#FF0000'" onmouseout="this.style.color='#000000'"> 
    Link 1</a> 
<br /> 
<br /> 
<a href="#" style="color: #999999" onmouseover="this.style.color='#008000'" onmouseout="this.style.color='#999999'"> 
    Link 2</a> 
<br /> 
<br /> 
<a href="#" style="color: #FF0000" onmouseover="this.style.color='blue'" onmouseout="this.style.color='#FF0000'"> 
    Link 3</a> 
<br /> 
<br /> 
<a id="lnk1" href="#" style="color: #008000" onmouseover="changeColor(this,'#FF0000');" 
    onmouseout="changeColor(this,'#008000');">Link Color change using javascript function</a>

來源

2011-02-25 05:04:40 Sujeet

'document.getElementById（idObj.id）.style.color = colorObj;'也可以這樣做：'idObj.style.color = colorObj;'因爲你已經擁有對象（this），所以爲什麼不直接設置它那裏沒有再與文件再次。 - 無論如何：+1，因爲它是動態懸停樣式的正確解決方案;） – DominikAngerer 2015-02-22 21:26:45

你不能，因爲你不能內聯設置僞選擇器。理想情況下，你應該在你的外部CSS中設計單獨的類來代表你需要的各種懸浮狀態，並且在PHP中將這些類分配給你的內容。

來源

2011-02-25 04:59:55

使用：懸停元素的內嵌樣式（用HTML/CSS/PHP）

回答

相關問題