樣式輸入的值CSS

因此，我正在製作一個聯繫表單，並且想要將某個人輸入到輸入中的樣式。我想改變它的font-family和font-size。樣式輸入的值CSS

<input type="text" class="name" placeholder="Your Name"></input>

這是我的CSS，但我笏更改值（什麼有人打字），以及...

.name::-webkit-input-placeholder { 
    color: white; 
    font-family: 'Gloria Hallelujah', cursive; 
    font-size: 25px; 
}

來源

2017-04-06 Jonasso

我認爲你有一個錯字。刪除'.name'後的第二個冒號（:) – blackandorangecat

這兩個冒號都很好，但空間應該介於兩者之間，我想，像這樣#form :: - webkit-input-placeholder – Xander

這裏是你將如何風格的用戶輸入。我將顏色改爲紅色。

.name:-webkit-input-placeholder { 
 
    color: white; 
 
    font-family: 'Gloria Hallelujah', cursive; 
 
    font-size: 25px; 
 
} 
 

 
.name { 
 
    color: red; 
 
}

<input type="text" class="name" placeholder="Your Name"></input>

來源

2017-04-06 15:21:45 blackandorangecat

謝謝！這完美的作品！ – Jonasso

佔位符是已經進入的文本模板例如「在此輸入名稱」。

樣式佔位符文本簡單地使用

input { 
    font-family:Roboto; 
    font-size: 20px; 
    color: #fff; 
}

也是你的類名是name，並在你的CSS你有naam

來源

2017-04-06 15:20:57

下面是不同形式的元素包括input的更完整的造型。您可以添加或刪除並使用這些值，以使其看起來像您想要的樣子。

input:not([type]), 
input[type=text], 
input[type=email], 
input[type=search], 
input[type=password], 
input[type=date], 
input[type=datetime-local], 
input[type=tel], 
input[type=time], 
input[type=file], 
input[type=url], 
input[type=number] { 
    transition: color .1s ease,border-color .1s ease; 
    margin: 0; 
    outline: 0; 
    -webkit-appearance: none; 
    line-height: 1.2142em; 
    padding: .67861429em 1em; 
    font-size: 1em; 
    background: #FFF; 
    border: 1px solid rgba(34,36,38,.15); 
    border-radius: .28571429rem; 
    box-shadow: 0 0 0 0 transparent inset; 

    ::-webkit-input-placeholder { 
     color: rgba(191, 191, 191, 0.87); 
    } 

    ::-moz-placeholder { 
     color: rgba(191, 191, 191, 0.87); 
    } 

    :-ms-input-placeholder { 
     color: rgba(191, 191, 191, 0.87); 
    } 
}

來源

2017-04-06 15:22:06

嘗試使用*選擇像這樣：

#formID * { 
     color: white; 
     font-family: 'Gloria Hallelujah', cursive; 
     font-size: 25px; 
    }

來源

2017-04-06 15:25:48 Xander

樣式輸入的值CSS

回答

相關問題