Explorar el Código

style(组件样式): 调整输入框字体大小并添加聚焦边框颜色

统一调整选择问题组件中输入框的字体大小,并为输入框和文本框添加聚焦时的橙色边框样式,提升视觉一致性
SanHQin hace 20 horas
padre
commit
93e950d54e

+ 9 - 1
src/components/pages/workPage/components/setChoiceQuestion.vue

@@ -627,7 +627,11 @@ export default {
 
 .checkItem>.el-input {
   width: calc(100% - 10rem);
-  font-size: 1.4rem;
+  font-size: 1.2rem;
+}
+
+.checkItem>.el-input /deep/ .el-input__inner:focus {
+  border-color: #FF935A !important;
 }
 
 .addCheck {
@@ -698,6 +702,10 @@ export default {
   border-radius: .8rem;
 }
 
+.explanation /deep/ .el-textarea__inner:focus {
+  border-color: #FF935A !important;
+}
+
 .e_header {
   display: flex;
   align-items: center;