CSS设置按钮的边框




如何利用CSS将按钮的样式改为外面有一个边框,就像红黄牌这个按钮一样。

大牛能否给一下CSS怎么写。

是分页预览的控件按钮。

saimon 发布于 2019-6-28 18:27 (编辑于 2019-6-28 21:54)
1min目标场景问卷 立即参与
回答问题
悬赏:6 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
saimonLv5见习互助
发布于2019-8-12 17:57

setTimeout(function(){$('.fr-btn-text').eq(0).css('color','#c0c0c0');},5);

var el = this.element.children();
// 获取当前控件
el.css('background-color','#ffffff');
// 按钮背景颜色
el.css('border','1px solid #c0c0c0');
// 按钮边框样式
el.hover(function(e) {
// 控件的鼠标监听
        $(this).css('background', '#FFFFFF');
        //悬移后的背景颜色
        $('.fr-btn-text').eq(0).css('color','#c0c0c0');
        // 悬移后的(n+1)个按钮的文字颜色
}, function(e) {
        $(this).css('background', '#FFFFFF');
        //移除后的背景颜色
        $('.fr-btn-text').eq(0).css('color','#c0c0c0');
        // 移除后的(n+1)个按钮的文字颜色
}, 100);



最佳回答
0
cd_cwLv6初级互助
发布于2019-6-28 19:32

JS修改按钮样式-https://help.finereport.com/doc-view-2086.html

CSS 修改工具栏按钮颜色-https://help.finereport.com/doc-view-1779.html

这两个参考一下

  • saimon saimon(提问者) 是分页预览的控件按钮。不过还是谢谢你。
    2019-06-28 21:53 
  • 1关注人数
  • 1034浏览人数
  • 最后回答于:2019-8-12 17:57
    请选择关闭问题的原因
    确定 取消
    返回顶部