控件的方框如何统一修改为圆角

004.png


如图,现在控件默认的方框是直角的。如何统一修改为圆角

FineReport CD20160914 发布于 2019-4-8 16:12
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
3
flyingsnakeLv6资深互助
发布于2019-4-8 16:22

目前没有简单的方法进行修改。

建议不要考虑这个方面了。费力不讨好

最佳回答
1
luojian0323Lv7资深互助
发布于2020-8-24 10:32(编辑于 2020-8-24 11:21)
$(".fr-trigger-text.fr-border-box").css("border-radius","25px")

jquery锁定具体对象,添加css效果。

image.png



下面这个图就是引用css文件对所有下拉框设置的导圆角效果image.png

css文件就写最简单的几句即可。其他属性暂时注释掉:

.fr-trigger-text.fr-border-box{

            border-radius: 25px;

          //  background: #8AC007;

           // padding: 20px;

           // width: 200px;

           // height: 150px;

         }


  • 孤陌 孤陌 上具体内容
    2020-08-24 10:34 
  • 孤陌 孤陌 CSS文件也传上来
    2020-08-24 10:58 
  • luojian0323 luojian0323 回复 孤陌 不是css文件,在加载结束事件中添加上述代码即可。 我只写了一个。如果有多个控件需要导圆角,在浏览器中F12找到对应控件的位置,写在加载结束事件中就行。
    2020-08-24 11:02 
  • 孤陌 孤陌 回复 luojian0323 那不好 如果可以直接引用CSS 我就可以服务器设置预设控件 这样下拉框控件直接设置了就可以了
    2020-08-24 11:10 
  • luojian0323 luojian0323 回复 孤陌 能写出来这个就能写出来css。 原理相通。
    2020-08-24 11:11 
最佳回答
0
吾姓独孤Lv6高级互助
发布于2019-4-8 16:19

image.png

帮助文档里高级教程,二次开发,JavaScript,css样式

  • CD20160914 CD20160914(提问者) 我参考引用css的方式来,但是圆角还是不能实现呢? 比如:.fr-trigger-texteditor{border-radius:15px;color:blue} 这一句,颜色变了,但是圆角并没有实现呢
    2019-04-08 16:59 
  • 4关注人数
  • 1110浏览人数
  • 最后回答于:2020-8-24 11:21
    请选择关闭问题的原因
    确定 取消
    返回顶部