當對齊輸入字段右側時，文本太靠近邊緣

當前想知道如何給右側留出一點空間，以便輸入字段上的文本不太靠近邊緣。當對齊輸入字段右側時，文本太靠近邊緣

<span class="test"> 
 
    <input type="text" max="100" accuracy="2" min="0" id="inputRRPDiscount" style="text-align:right;"> % 
 
</span> 
 
<br>

所以在打字的時候，文本右對齊，這是很好的，但是，我覺得這是一個有點太靠近輸入框的邊框，想拉開距離從它一點。有任何想法嗎？

來源

2016-12-01 alex johnson

只需將填充添加到您的<input/>即可。

input { padding-right: 5px; }

<span class="test"><input type="text" max="100" accuracy="2" min="0" id="inputRRPDiscount" style="text-align:right;"> %</span> 
 
<br>

獎金答：

只是好奇，是有辦法來唯一使用輸入型而並非只是輸入。如.inputRRPDiscount .input？

實際上，您可以以多種不同方式定位您的選擇器。例如，通過任何HTML elements with specific attributes或任意數量的CSS selectors來定向。以下是一些示例：input#inputRRPDiscount,input[accuracy="2"],input[type="text"][max="100"],span.test > input#inputRRPDiscount[min="0"]。

來源

2016-12-01 09:30:08 Daerik

非常感謝。只是好奇，有沒有一種方法來唯一使用輸入類型，而不是輸入。如.inputRRPDiscount .input？ –

@alexjohnson如果您發現答案對您有幫助，請將其標記爲已接受，以便可以幫助其他人。 – Daerik

你只需要添加填充的一點點，這樣

input{ 
 
    padding-right: 5px; 
 
}

<span class="test"><input type="text" max="100" accuracy="2" min="0" id="inputRRPDiscount" style="text-align:right;"> %</span>

來源

2016-12-01 09:30:28 Chris

這可以用padding完成。

style="text-align:right; padding-right: 10px;"

來源

2016-12-01 09:30:42 trommelaap

添加填充右屬性的風格，定義像素

<input type="text" max="100" accuracy="2" min="0" id="inputRRPDiscount" style="text-align:right;padding-right: 2px;">

數量無論如何，我建議你定義一個CSS類

<input type="text" max="100" accuracy="2" min="0" id="inputRRPDiscount" class="myInput">

在你的CSS，你會有：

.myInput{ 
    text-align: right; 
    padding-right: 2px; 
}

來源

2016-12-01 09:41:37

正是我在找什麼。 Mnay謝謝 –

添加硫s到你的css：

input{ 
    text-align: right; 
    padding-right: 5px; 
}

來源

2016-12-01 10:03:05

當對齊輸入字段右側時，文本太靠近邊緣

回答

相關問題