如果不需要顯示下邊框，純無邊框直接將 【border-bottom: 1px solid #C0C4CC; 】注掉或去掉即可。
正常引用組件使用即可，無須自定義樣式，最終效果CSS樣式。

<style scoped>
/* 輸入框的樣式 */
:deep(.el-input__wrapper) {
? box-shadow: none !important; /* 去掉陰影 */
? border-radius: 0; /* 去掉圓角 */
? border-bottom: 1px solid #C0C4CC; /* 默認下邊框顏色 */
}

/* 選擇框的樣式 */
:deep(.el-select__wrapper) {
? box-shadow: none !important; /* 去掉陰影 */
? border-radius: 0; /* 去掉圓角 */
? border-bottom: 1px solid #C0C4CC; /* 默認下邊框顏色 */
}

/* 鼠標懸停時的樣式 */
:deep(.el-input__wrapper:hover) {
? border-bottom: 1px solid var(--el-color-primary); /* 鼠標懸停時下邊框高亮 */
}

:deep(.el-select__wrapper:hover) {
? border-bottom: 1px solid var(--el-color-primary) !important; /* 鼠標懸停時下邊框高亮 */
}

/* 聚焦時的樣式 */
:deep(.el-input__wrapper:focus) {
? border-bottom: 1px solid var(--el-color-primary); /* 聚焦時下邊框顏色 */
}

:deep(.el-select__wrapper:focus) {
? border-bottom: 1px solid var(--el-color-primary); /* 聚焦時下邊框顏色 */
}
</style>