使用：悬停元素的内嵌样式（用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）

回答

相关问题