根据设计设置高度验证文本字段
根据设计设置高度验证文本字段
提问于 2019-11-25 11:37:02
我已经在我的codepen：https://codepen.io/handy29/pen/yLLwjGg中使用了1.5.x版本的文本字段，但是文本字段的高度不符合我的设计
。我也已经使用了this link，正如您在我的代码(html)中所看到的，文本字段仍然是相同的。到目前为止，我的css代码如下：
.theme--light.v-text-field--outline > .v-input__control > .v-input__slot {
border-width: 1px;
}
.theme--light.v-text-field--outline:not(.v-input--is-focused):not(.v-input--has-state)>.v-input__control>.v-input__slot:hover{
border-width: 1px;
border-style: solid;
border-color: #6fbd44;
}我的html代码：
<div id="app">
<v-app id="inspire">
<v-form>
<v-container>
<v-layout row wrap>
<v-flex xs12 sm6 md3>
<v-text-field
width="700px;"
height="-1"
outline
single-line
></v-text-field>
</v-flex>
</v-layout>
</v-container>
</v-form>
</v-app>
</div>我该怎么办？谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-11-25 18:45:56
必须在v-input__slot类中取消设置css属性min-height，然后设置height属性：
.v-input__slot {
min-height: unset;
height: 30px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59024938
复制相关文章
相似问题
腾讯云开发者
