编辑输入标记中的value属性

Question

我有这样的输入类型：

<input type="button" value="Spoedgevallen" id="redbg" onclick="">

“value”中的文本是粗体，因为Jquery CSS（jquery.mobile-1.4.5.min.css）可能就是这种情况，至少可以说是不可读的。基本上我想做的是使字体权重正常而不是粗体。

可以找到页面here.

Answer 1

尝试添加此css规则：

.ui-btn.ui-input-btn.ui-corner-all.ui-shadow {
    font-weight: normal;
}

Answer 2

jQuery Mobile 以某种方式呈现输入字段的值，如下所示：

在：

<input value="Antistollingsmiddelen" id="redbg" onclick="" type="button">

并在浏览器中：

<div class="ui-btn ui-input-btn ui-corner-all ui-shadow">Antistollingsmiddelen
   <input value="Antistollingsmiddelen" id="redbg" onclick="" type="button">
</div>

作为：

因此，为了防止你的价值更大胆，最合适的方法是在容器中包装你的整个输入并编写与 CSS 相关的内容到该容器，以使<div class="ui-btn ui-input-btn... 正常的文本。 而不是改变 jQuery mobile 默认类。

如：

<div class="text-wrapper">
    <input type="button" value="Antistollingsmiddelen" id="redbg" onclick="" />
   <!-- Place All your input here -->
</div>

并在您的浏览器呈现时写下 CSS ：

.text-wrapper .ui-btn { font-weight: normal;}

它可以帮助你做到这一点。