input輸入框選擇美化

2021-08-28 03:18:20 字數 437 閱讀 3640

我們要美化乙個多選的按鈕

class="item-select">

週日span>

class="right">

type="checkbox"

class="input-check" @click="checkvalue">

class="icon-select">

i>

div>

label>

實現方式

.input-check 

opacity

: 0;

}.icon-select

先把input框樣式設定為不可見

在這個input框選中的check偽類上面進行兄弟元素的操作,選中狀態就設定背景圖,沒有選中就沒有背景圖。

這樣就達到了美化效果

input 輸入框限制

只能輸入數字和乙個小數點 function clearnonum obj g,只保留第乙個.清除多餘的 obj.value obj.value.replace replace g,replace obj.value obj.value.replace d d 1 2.3 只能輸入6個小數 親測有用!...

input輸入框輸入金額校驗

輸入框 js校驗只能輸入帶兩位小數的金額 price on input propertychange function g,保證.只出現一次,而不能出現兩次以上 this.value this.value.replace replace g,replace 只能輸入兩位小數 this.value t...

input輸入框數字限制

正規表示式驗證輸入框的內容 單價 只能輸入數字和小數點,且必須數字開頭並大於或者等於1,限制最多三位小數,小數點為最後一位時,失去焦點時自動截掉 text value name price onkeyup validatenum1 this onblur todecimal this placeho...