微信小程式 自定義placeholder顏色和樣式

2021-08-21 03:52:32 字數 1036 閱讀 7668

placeholder-style相當於在標籤的style屬性,可直接在標籤內設定。

用法:

type="text"

placeholder="請輸入"

placeholder-style="color:#e2e2e2;">

input>

示例如下:

wxml**:

type="text"

placeholder="請輸入"

placeholder-style="color:#000;">

input>

wxss**:

input

用法:

wxml**:

type=

"text" placeholder="請輸入" placeholder-class="placeholderstyle">

wxss**:

.placeholderstyle
示例如下:

wxml**:

type=

"text" placeholder="請輸入" placeholder-class="placeholderstyle">

wxss**:

input

.placeholderstyle

效果如下:

可以看到在placeholderstyle類設定的顏色並沒有變化。placeholder的顏色只能通過placeholder-style的方式設定。

微信小程式自定義元件

父元素 子元件 可以由多個 子元件 a,b,c,d 父元素 首先是關於元件的建立 1 單獨建立乙個資料夾存放 wxss x.js wxml json這四個檔案,其中主要對元件進行宣告的是json檔案,需要寫入 這段 就是讓元件允許被使用,如果元件需要呼叫另乙個元件中,那麼就需要再usingcompe...

微信小程式自定義元件

根據專案需要,抽離出公共的元件。1 在專案根目錄新建乙個component的資料夾,然後新建自己需要的檔案 專案目錄如下 在component裡面我新建了3個子元件。2 子元件的寫法 只有js檔案格式不一樣,其他的檔案都正常寫。js需要自定義乙個component,參考 示例 component d...

微信小程式 自定義tabBar

有的人想要最求個性化的tabbar,比如想要在tab中間加乙個巨大的掃碼按鈕,這是很常見的。那麼這時候,自定義tabbar就派上用場了。1 將tabbar配置為自定義,custom true 使用自定義tabbar為什麼需要新增 custom 屬性並且配置為true呢,大家可以嘗試在配置了預設tab...