当前位置: 首页 > 知识库问答 >
问题:

前端 - 如何更改element的switch样式?

马坚白
2023-06-09

问题描述

根据设计稿改element switch样式

你期待的结果是什么?

image.pngimage.png

共有2个答案

别宏盛
2023-06-09

感觉可能要自定义一个组件,直接改样式貌似解决不了,因为外面需要包一层 span。
我直接在 DevTools 里改了下样式,做到了类似的效果。

里面那个小圆,在前还是在后,无非是定义 ::before 还是 ::after

image.png

范振海
2023-06-09
  1. 用开发者工具找到对应的元素、对应的样式。
  2. 在你的项目代码当中,覆盖这些样式,可选方案:

    1. 前面加父元素
    2. 前面加 body
    3. 使用 scoped
  3. element 比较老了,新的库大部分可以覆盖 css 变量
 类似资料: