FineUI 官方论坛

标题: f:button 的文字颜色设置问题 [打印本页]

作者: kinsonlr 时间: 2018-6-29 00:45
标题: f:button 的文字颜色设置问题
.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 时间: 2018-6-29 09:57
参考：http://demo.fineui.com/#/button/button_custom.aspx

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

作者: kinsonlr 时间: 2018-6-29 14:59
谢谢完美解决问题

欢迎光临 FineUI 官方论坛 (https://www.fineui.com/bbs/)