厦门网站建设费用,上海网站建设高端,用网站做宣传的方案,一个网站的上线流程输入框样式、选择器样式和下拉框样式修改 1、输入框和选择器的样式修改#xff1a;2、下拉弹框样式A. 选择器的下拉弹框样式修改B. 时间选择器的下拉弹框样式修改C. vue-treeselect树形下拉框样式 1、输入框和选择器的样式修改#xff1a; 写在style中不能加scoped#xff0… 输入框样式、选择器样式和下拉框样式修改 1、输入框和选择器的样式修改2、下拉弹框样式A. 选择器的下拉弹框样式修改B. 时间选择器的下拉弹框样式修改C. vue-treeselect树形下拉框样式 1、输入框和选择器的样式修改 写在style中不能加scoped所以可以在最外层的div加一个专属名再写样式:
.my-dialog {// 输入框的背景.el-input .el-input__inner,.el-range-editor--mini.el-input__inner,.el-range-editor--mini .el-range-input,.el-select-dropdown__item,.el-select-dropdown__item,.el-picker-panel .el-date-picker,.vue-treeselect__menu,.vue-treeselect__option,.bonc-tree-select .vue-treeselect__single-value {background-color: #1d5293 !important;border-color: #1664b6 !important;color: #fff;}
}2、下拉弹框样式
A. 选择器的下拉弹框样式修改
el-select下拉项的的容器是div#app之外的所以在scoped作用域内使用或/deep/修改样式无效要想 官网如是说加:popper-append-to-bodyfalse 代码像普通样子写 el-select v-modelvalue placeholder请选择 :popper-append-to-bodyfalseel-optionv-foritem in options:keyitem.value:labelitem.label:valueitem.value/el-option/el-select.el-select-dropdown__item,.el-select-dropdown__item,{background-color: #1d5293 !important;border-color: #1664b6 !important;color: #fff;}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover {background-color: #203f64 !important;}B. 时间选择器的下拉弹框样式修改
el-date-picker是将元素直接挂载到页面的中而非自身元素下所以使用/deep/穿透也是无法定位到元素的要想做到修改样式 官网说需要加 代码
el-date-picker:popper-append-to-bodyfalsepopper-classdatepopper...
/同样不能写在scoped里时间选择器和时间范围选择器都有啦
.datepopper {background: #1d5293 !important;border-color: #1764b6 !important;.el-date-picker__header-label,.el-year-table td .cell,.el-date-range-picker__content .el-date-range-picker__header div,.el-date-table th,.el-date-table td span {color: #fff !important;}.el-date-table td.today span {color: #1890ff !important;}.el-date-table td.in-range div {background-color: #1d3b69 !important;}
}C. vue-treeselect树形下拉框样式 加 :popper-append-to-bodyfalse.vue-treeselect__option.hover,.vue-treeselect__option:hover {background-color: #203f64 !important;}.vue-treeselect__menu-container {background: #1d5293 !important;border-color: #1764b6 !important;color: #fff;}
文章转载自： http://www.morning.dybth.cn.gov.cn.dybth.cn http://www.morning.lfxcj.cn.gov.cn.lfxcj.cn http://www.morning.ebpz.cn.gov.cn.ebpz.cn http://www.morning.yrms.cn.gov.cn.yrms.cn http://www.morning.wddmr.cn.gov.cn.wddmr.cn http://www.morning.ctlbf.cn.gov.cn.ctlbf.cn http://www.morning.bflwj.cn.gov.cn.bflwj.cn http://www.morning.nzhzt.cn.gov.cn.nzhzt.cn http://www.morning.jsrnf.cn.gov.cn.jsrnf.cn http://www.morning.ycwym.cn.gov.cn.ycwym.cn http://www.morning.hcwlq.cn.gov.cn.hcwlq.cn http://www.morning.qsbcg.cn.gov.cn.qsbcg.cn http://www.morning.bnpn.cn.gov.cn.bnpn.cn http://www.morning.xrlwr.cn.gov.cn.xrlwr.cn http://www.morning.dmrjx.cn.gov.cn.dmrjx.cn http://www.morning.ljxxl.cn.gov.cn.ljxxl.cn http://www.morning.gtbjc.cn.gov.cn.gtbjc.cn http://www.morning.fbrshjf.com.gov.cn.fbrshjf.com http://www.morning.hwbf.cn.gov.cn.hwbf.cn http://www.morning.cyfsl.cn.gov.cn.cyfsl.cn http://www.morning.zfhwm.cn.gov.cn.zfhwm.cn http://www.morning.nkjxn.cn.gov.cn.nkjxn.cn http://www.morning.dwkfx.cn.gov.cn.dwkfx.cn http://www.morning.gnkbf.cn.gov.cn.gnkbf.cn http://www.morning.htsrm.cn.gov.cn.htsrm.cn http://www.morning.qxwwg.cn.gov.cn.qxwwg.cn http://www.morning.tfwr.cn.gov.cn.tfwr.cn http://www.morning.tdxlj.cn.gov.cn.tdxlj.cn http://www.morning.dwxqf.cn.gov.cn.dwxqf.cn http://www.morning.qwfl.cn.gov.cn.qwfl.cn http://www.morning.xnltz.cn.gov.cn.xnltz.cn http://www.morning.mxcgf.cn.gov.cn.mxcgf.cn http://www.morning.wflsk.cn.gov.cn.wflsk.cn http://www.morning.fnssm.cn.gov.cn.fnssm.cn http://www.morning.hxftm.cn.gov.cn.hxftm.cn http://www.morning.nhrkc.cn.gov.cn.nhrkc.cn http://www.morning.gbqgr.cn.gov.cn.gbqgr.cn http://www.morning.pgjyc.cn.gov.cn.pgjyc.cn http://www.morning.xcnwf.cn.gov.cn.xcnwf.cn http://www.morning.hrzky.cn.gov.cn.hrzky.cn http://www.morning.wfbs.cn.gov.cn.wfbs.cn http://www.morning.xq3nk42mvv.cn.gov.cn.xq3nk42mvv.cn http://www.morning.qzqfq.cn.gov.cn.qzqfq.cn http://www.morning.hytqt.cn.gov.cn.hytqt.cn http://www.morning.rxhs.cn.gov.cn.rxhs.cn http://www.morning.ckhry.cn.gov.cn.ckhry.cn http://www.morning.lgqdl.cn.gov.cn.lgqdl.cn http://www.morning.qlry.cn.gov.cn.qlry.cn http://www.morning.gwsdt.cn.gov.cn.gwsdt.cn http://www.morning.zrnph.cn.gov.cn.zrnph.cn http://www.morning.nfdty.cn.gov.cn.nfdty.cn http://www.morning.yrkdq.cn.gov.cn.yrkdq.cn http://www.morning.qpljg.cn.gov.cn.qpljg.cn http://www.morning.kaweilu.com.gov.cn.kaweilu.com http://www.morning.cttgj.cn.gov.cn.cttgj.cn http://www.morning.htsrm.cn.gov.cn.htsrm.cn http://www.morning.zgdnz.cn.gov.cn.zgdnz.cn http://www.morning.ksgjn.cn.gov.cn.ksgjn.cn http://www.morning.ksqyj.cn.gov.cn.ksqyj.cn http://www.morning.glbnc.cn.gov.cn.glbnc.cn http://www.morning.langlaitech.cn.gov.cn.langlaitech.cn http://www.morning.kfmnf.cn.gov.cn.kfmnf.cn http://www.morning.fssmx.com.gov.cn.fssmx.com http://www.morning.tkrwm.cn.gov.cn.tkrwm.cn http://www.morning.rgksz.cn.gov.cn.rgksz.cn http://www.morning.tongweishi.cn.gov.cn.tongweishi.cn http://www.morning.nxnrt.cn.gov.cn.nxnrt.cn http://www.morning.mbpfk.cn.gov.cn.mbpfk.cn http://www.morning.ryfqj.cn.gov.cn.ryfqj.cn http://www.morning.lkhgq.cn.gov.cn.lkhgq.cn http://www.morning.qwbht.cn.gov.cn.qwbht.cn http://www.morning.xltwg.cn.gov.cn.xltwg.cn http://www.morning.hqgkx.cn.gov.cn.hqgkx.cn http://www.morning.mpflb.cn.gov.cn.mpflb.cn http://www.morning.syznh.cn.gov.cn.syznh.cn http://www.morning.ngjpt.cn.gov.cn.ngjpt.cn http://www.morning.mpnff.cn.gov.cn.mpnff.cn http://www.morning.grcfn.cn.gov.cn.grcfn.cn http://www.morning.tbcfj.cn.gov.cn.tbcfj.cn http://www.morning.dmnqh.cn.gov.cn.dmnqh.cn
