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

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

发表评论

表情:
评论列表 (有 0 条评论,96人围观)

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

相关阅读

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

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

    相关 CSS样式实现选择按钮

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

    相关 几款按钮样式

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