f:button 的文字颜色 设置问题

kinsonlr

.testbutton{  
        color:white;
    }

.testbutton:hover{  
        color:red;
    }


情况1
<f:Button Text="111" runat="server" CssClass="testbutton" EnableDefaultState="false" EnablePostBack="false"> </f:Button>   

这个设置下在鼠标悬停时文字颜色会变成红色，但鼠标离开时文字颜色又变成默认的黑色而不是白色。




情况2
<f:Button Text="222" runat="server" CssClass="testbutton" EnableDefaultState="false" CssStyle="color:green" EnablePostBack="false"> </f:Button>  
这个设置下 无论鼠标是否悬停文本都是绿色。

我希望的目的 鼠标离开时文字为白色 鼠标悬停时 文字红色 请问如何实现？

sanshi

参考：http://demo.fineui.com/#/button/button_custom.aspx

F12看下DOM的层次结构，开源版中按钮里面有好多层节点，你要设置最靠近文字的那个节点样式。设置外层的 color 是没用的：

kinsonlr

谢谢完美解决问题