Question

我的复选框标签标题是：Remettre les montants à 0
但是0看起来像o

Remettre les montants à 0（html）变为Remettre les montants à o（浏览器）

我不能将所有标签都大写

这是我的代码：

html：

<label class="ral-med-12 space-bottom15" style="display: block">
    <input style="margin:0 10px;vertical-align:middle;" type="checkbox" ng-model="data.montants" name="pre"/>Remettre les montants à 0 ? 
</label>

此句子中的数字“ 0”在浏览器中非常小，例如“ Remettre les montantsào”

请提供任何帮助，谢谢

Answer 1

请尝试

 <input type="checkbox" name="vehicle1" value="Bike"> I HAVE A BIKE<br>
 or by 
  <label><input type="checkbox" value="">I HAVE A BIKE</label>

这里是JSFiddle

Answer 2

根据我对您的问题的理解，您只是想清楚地说明0 [零]和o [字母o]之间的区别。

这是特定于您使用的伙伴的字体。

我建议您使用完全不同的字体来区分这些字符，或者您也可以将不同的字体专门用于这些字符。

可以通过将style属性设置为style="font-family:consolas;

来更改字体

Consolas 是一种字体，可以清楚地将0 [zero]与字母“ o”区别开来，因为零之间有一个斜杠。

要么用新字体显示整行，要么：

<label class="ral-med-12 space-bottom15" style="display: block">
    <input style="margin:0 10px;vertical-align:middle;" type="checkbox" ng-model="data.montants" name="pre"/> <span style="font-family:consolas;">This is ZERO ==>0<br/> And this is the letter O[UpperCase] and o[lowerCase]</span> 
</label>

或仅是特定文本：

<label class="ral-med-12 space-bottom15" style="display: block">
    <input style="margin:0 10px;vertical-align:middle;" type="checkbox" ng-model="data.montants" name="pre"/> This is ZERO ==> <span style="font-family:consolas;">0</span><br/> And these are letters of the alphabet ==> <span style="font-family:consolas;"> O[UpperCase] and o[lowerCase]</span> 
</label>

复选框标签中数字的大小

2 个答案: