Browse Source

输入框和下拉框的placeholder及文字颜色

wzl 2 years ago
parent
commit
9035e0e774
2 changed files with 3 additions and 1 deletions
  1. 1 1
      src/assets/style/element-variables.scss
  2. 2 0
      src/views/Create.vue

+ 1 - 1
src/assets/style/element-variables.scss

@@ -183,7 +183,7 @@ li.el-menu-item,
   background-color: #EEF4FF !important;
 }
 // 下拉框placeholder颜色,文字颜色
-.el-input__inner {
+.el-input__inner:not(.el-pagination .el-input__inner) {
   color: #232A40;
   &::placeholder {
     color: #808185;

+ 2 - 0
src/views/Create.vue

@@ -342,6 +342,7 @@ export default {
             </div>
           </el-form-item>
           <select
+            v-model="ruleForm.industry"
             name=""
             id=""
             class="
@@ -353,6 +354,7 @@ export default {
               rounded-6px
               text-[#808185]
             "
+            :class="{ '!text-[#232A40]': ruleForm.industry !== '' }"
           >
             <option value="" selected disabled>Select Industry</option>
             <option value="Architecture">Architecture</option>