FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 4170|回复: 2
打印 上一主题 下一主题

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

[复制链接]
跳转到指定楼层
楼主
发表于 2018-6-29 00:45:18 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
.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>  
这个设置下 无论鼠标是否悬停文本都是绿色。

我希望的目的 鼠标离开时文字为白色 鼠标悬停时 文字红色 请问如何实现?
沙发
发表于 2018-6-29 09:57:22 | 只看该作者
参考:http://demo.fineui.com/#/button/button_custom.aspx

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


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
板凳
 楼主| 发表于 2018-6-29 14:59:55 | 只看该作者
谢谢完美解决问题
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-1 06:58 , Processed in 0.058801 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表