el-select
準備
<el-select v-model="goodsId" clearable placeholder="請選擇" :popper-append-to-body="false">
<el-option v-for="item in kindList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>?注：關(guān)鍵 :popper-append-to-body="false"
修改placeholder顏色
Element-ui下如何修改input的placeholder的顏色_呆小九的博客-CSDN博客
? ? ::v-deep .el-input__inner::placeholder {
? ? ? ? color: #000;
? ? }?修改右側(cè)箭頭
:v-deep .el-icon-arrow-up:before {
? ? ? ? content: '\e78f';
? ? ? ? color: #000;
? ? }在element?icon里檢索
文章來源：http://www.zghlxwxcb.cn/news/detail-509846.html
修改圓角邊框
::v-deep .el-select .el-input__inner {
border-radius: 0px;
}el-input文章來源地址http://www.zghlxwxcb.cn/news/detail-509846.html
.el-input {
width: 250px;
::v-deep .el-input__inner {
height: 30px;
border-radius: 2px;
font-size: 12px;
}
}到了這里，關(guān)于el-select修改樣式的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
