ant vue 下拉框样式

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

UI:Ant Design vue,select组件。

阅读 1.3k
评论
    2 个回答
    • 1.1k

    定制主题、或者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"
              },
            }
          }
        }
      };

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

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

        撰写回答

        登录后参与交流、获取后续更新提醒