input禁止输入时的文字显示,select下拉框颜色统一

This commit is contained in:
2023-08-29 17:51:11 +08:00
parent 1d5b7a535b
commit 9deb44bc04
5 changed files with 37 additions and 15 deletions

View File

@ -18,7 +18,7 @@
<img class="startImg" src="@/assets/start.png" />
<span>车辆类型</span>
</div>
<select id="mySelect" v-model="selectedOption">
<select id="mySelect" class="mySelect" v-model="selectedOption">
<option v-for="(item,index) in typeList" :key="index" :value="index">{{item}}</option>
</select>
</div>
@ -198,6 +198,16 @@ export default {
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.mySelect{
@include fontWeightSize(bold,13px);
color: #323643;
appearance: none;
padding-right: 16px;
background-image: url('@/assets/arrow_bot.png');
background-repeat: no-repeat;
background-position: right center;
background-size: 15px 14px; /* 自定义图像的大小 */
}
.checkbox-group {
display: none;
}