輸入框預設字的設定

2022-09-03 20:03:09 字數 961 閱讀 7108

很多地方都會用到輸入框,比如修改名字

製作輸入框的一般結構使這樣

bg上面掛乙個uisprite,作為輸入框的背景

input上面掛uiinput和boxcollider,用於輸入

label上掛uilabel,用於顯示輸入框中預設的字

執行時,label下會有游標的gameobject

輸入框在沒有輸入時一般裡面會有一行預設的字,比如「從這裡輸入」

一般,這行字的顏色是暗的,當向輸入框中輸入內容時,輸入的內容文字的顏色一般與預設字的不同,一般是亮的,如下圖

比如說設定成這樣

color tint是設定的預設的顏色

這個時候,input裡面的inactive color也會變成這個顏色,也就是當輸入框不啟用的時候字是這個顏色

當輸入後,如下圖,這個是active text color

當輸入框中沒有字時,仍然顯示「請從這裡輸入」,顏色也是未啟用狀態的顏色

所以如果需要恢復預設狀態,只需要設定輸入框中字為空即可

get這個uiinput,比如設為input,則

input.value=null;

或input.value=string.empty;即可

設定輸入框placeholder預設文字顏色

當背景色不為白色的時候,要給input輸入框設定成為 白色,一般來說,設定color fff即可,但是placeholder預設的文字顏色還是灰色,這個時候需要寫 設定輸入框placeholder文字顏色。找到全域性css檔案,新增偽類元素,因為直接修改input顏色只作用於輸入的文字,並不能改變預...

輸入框placeholder文字修改預設顏色

html5 為input 新增了原生的佔位符屬性 placeholder 高階瀏覽器都支援這個屬性,例如 修改輸入框placeholder文字預設顏色 value 預設的placeholder字型顏色是呈淺灰色,如果想改變這個預設顏色,解決方案如下 input moz placeholder,tex...

修改輸入框placeholder的預設文字顏色

html5為input新增了屬性placeholder,高階瀏覽器都支援這個屬性,例如 預設的placeholder字型顏色是呈淺灰色,如果想改變這個預設顏色,解決方案如下 moz placeholder moz placeholder input ms input placeholder,text...