我是 CSS 的新手，我想為輸入的占位符添加一些邊距：
<div class="input-group">
<input type="text" class="form-control search-engine" placeholder="Search this blog">
</div>
這是我設定 margin-right 的嘗試：
.search-engine ::placeholder{
margin-right:5px !important;
padding-right:5px !important;
}
但它并沒有以某種方式做出任何改變！
那么如何在 CSS 中正確地更改和設定輸入的占位符樣式呢？
uj5u.com熱心網友回復：
從“占位符”中洗掉填充或邊距。并添加輸入標簽。像這樣
.input-group input{
padding:10px 20px;
}
.search-engine::placeholder{
}<div class="input-group">
<input type="text" class="form-control search-engine" placeholder="Search this blog">
</div>uj5u.com熱心網友回復：
你不能這樣做。你的結構應該是這樣的：
<label>
<input type="text" class="form-control">
<span class="placeholder">Search this blog</span>
</label>
然后你可以處理你的標簽文本：
label {
padding: 10px;
position: relative;
}
.placeholder {
position: absolute;
left: 0;
top: 0;
}
uj5u.com熱心網友回復：
試試這個：
.form-control::placeholder{
padding-left: 5px;
}
uj5u.com熱心網友回復：
.form-control::placeholder{
padding-left: 15px;
}<div class="input-group">
<input type="text" class="form-control search-engine" placeholder="Search this blog">
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/394523.html