element 按钮样式：确认按钮发布后样式发生改变

╰半橙微兮° 2023-07-01 08:45 96阅读 0赞 
  1. 场景：确认按钮发布后样式发生改变，发布后，点击确认按钮，背景色消失，添加红色focus即可
  3. <el-button type="text" class="ok" size="medium" @click="issue">确认</el-button>
  5. .ok {
  6.   width: 150px;
  7.   font-size: 14px;
  8.   background: #429e73;
  9.   color: #fff;
  10. }
  11. .ok:hover {
  12.   background: #006636;
  13.     color: #fff;
  14. }
  15. .ok:focus {
  16.     background: #006636;
  17.     color: #fff;
  18. }

发表评论

表情：
评论列表 （有 0 条评论，96人围观）

还没有评论，来说两句吧...

相关阅读

    相关 改变单选按钮radio的默认样式

    默认的radio的样式很丑，那么如何改变其默认的样式呢？ 我最开始想的是能不能直接给radio设置背景色等，发现并没有用！可以借助于标签来创建一个类似于radio的效果。

    蔚落蔚落/ 0 赞/ 381 阅读

    相关 CSS样式实现选择按钮

    CSS样式实现选择按钮 表单元素中的选择按钮的原生样式并不好看，在实际项目中需要优化。很多优化的方法都用CSS美化按钮的原生样式，或用图片来代替原生样式。本文描述了使用C

    秒速五厘米秒速五厘米/ 0 赞/ 419 阅读

    相关 几款按钮样式

    转自：http://www.laozuo.org/3495.html 如今我们的网站、页面更加需要注重细节，不论是字体的样式、还是图片的分辨率清晰度都会影响到

    野性酷女野性酷女/ 0 赞/ 477 阅读