項目場景：

提示：這里簡述項目相關背景：

有時候需要改寫element原來輸入框/選擇框的顏色

---

問題描述

提示：這里描述項目中遇到的問題：

輸入框的話需要hover時邊框顏色修改，選擇值的時候邊框顏色修改以及選中后邊框顏色修改。

輸入框的話只有hover時邊框顏色修改，獲得光標時候邊框顏色修改

---

解決方案：

提示：這里填寫該問題的具體解決方案：

1：選擇框：

// 輸入框 、 選擇框 平時的狀態顏色
/deep/.el-input__inner {height: 50px;box-shadow:0 0 1px 1px #eeeeee;border-radius: 3px;border: 1px solid #cccccc;
}
// 選擇框 選擇時的顏色（獲得光標時的顏色）
/deep/.el-select .el-input.is-focus .el-input__inner {// box-shadow: 0 0 0 0.7px #00AC1F inset !important;box-shadow: 0 0 0 1px #00AC1F inset !important;
}
// 選擇框 選中后 的顏色 （選中值后失去光標）
/deep/.el-select .el-input__inner:focus {// box-shadow: 0 0 0 0.7px #00AC1F inset !important;box-shadow: 0 0 0 1px #00AC1F inset !important;
}
// 選擇框 hover時 的顏色
/deep/.el-select:hover:not(.el-select--disabled) .el-input__inner {// box-shadow: 0 0 0 0.7px #00AC1F inset;box-shadow: 0 0 0 1px #00AC1F inset !important;
}

2：輸入框

// 輸入框正常狀態時邊框
/deep/.el-input__inner{height: 50px;box-shadow: 0 0 0 0 #ffffff;border-radius:3px 0 0 3px ;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;// 右邊不加border因為右邊用icon圖標box的border
}
// 輸入框hover時邊框顏色
/deep/ .el-input__inner:hover{border-color: #00AC1F !important;
}
// 輸入框 獲得光標 是邊框顏色
/deep/.el-input__inner:focus{border-color: #00AC1F ;box-shadow: 0 0 0 0 #00AC1F;
}