VUE中CSS去除Input的邊框樣式和陰影


先來看下之前的樣式(左邊和上邊都是有陰影的)

在style標簽中加上下面一段代碼看效果~~

<style scoped>
  input {
    outline-color: invert;
    outline-style: none;
    outline-width: 0px;
    border: none;
    border-style: none;
    text-shadow: none;
    -webkit-appearance: none;
    -webkit-user-select: text;
    outline-color: transparent;
    box-shadow: none;
  }
</style>

醬紫就好啦~~~~是不是很神奇

PS:如果這篇文章對您有幫助,記得點個贊再走呦~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 給css邊框設置陰影樣式 通過css樣式去除 css邊框陰影怎么設置? CSS怎么添加陰影邊框? css 去除input 獲取焦點的藍色邊框 css3邊框陰影效果 CSS3 陰影與圓角邊框 css3邊框陰影屬性 CSS3(1)---圓角邊框、邊框陰影
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM
標簽的外邊框 css漂亮的陰影邊框