组件已经加了important，这高度还能修改吗？

Question

Answer 1

不是有一个变量名 --calendar-confirm-button-height 存在了么，那么直接修改这个变量名呗。

只要支持 var() 方式的浏览器，当你修改了 --calendar-confirm-button-height 这个变量值之后，就变了。

看了一下，在 @vant 这个微信组件库中，好像对于所有的 CSS 变量是没有写，那么按照 height:var(--calendar-confirm-button-height,36px)!important; 这个结果来看，高度就是 36px，如果要修改的话，直接在 app.wxss 中加上下面这个应该就可以了。

page {
    --calendar-confirm-button-height: 100px; /* 你需要的高度值 */
}

Answer 2

用魔法打败魔法，用important打败important，权集够高就可以覆盖，权集相等，后面的覆盖前面的

Answer 3

可以用 min-height 来修改高度，例如，下面渲染的高度就是 400

div{
    height: 300px!important;
    min-height: 400px;
}