ant vue 下拉框样式

悠讓
  • 214

image.png
有谁知道这个怎么改颜色。

UI:Ant Design vue,select组件。

回复
阅读 3.1k
2 个回答

定制主题、或者css覆盖样式

Snipaste_2020-03-03_22-00-13.jpg

一个可以直接使用CSS覆盖 .ant-select-dropdown-menu-item 的样式内容。

可能需要配合三箭头 >>> 穿透样式的 scoped

另外也可以使用 modifyVars 的方式来进行覆盖默认样式,只是这样修改的话会全局替换默认主题。查看官方文档

例如:

module.exports = {
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          "layout-footer-background": "#ffffff"
        },
      }
    }
  }
};

只是这样需要找到对应的样式名称。

相对来说第一种方法直接在使用的组件内穿透覆盖直截了当,
但是如果需要全局覆盖的推荐第二种方式。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏