编辑输入标签中值的属性

Question

我有这样的输入类型：

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

"value"内的文字加粗，可能是因为JqueryCSS(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>

作为：

因此，为了防止您的价值变得 更大胆 最合适的方法是 wrap 您在容器中的整个输入并写 CSS 与该容器相关，以生成 <div class="ui-btn ui-input-btn... 正常的文本。而不是改变 jQuery mobile default 类.

如：

<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;}

它会帮助你做到这一点。

编辑输入标签中值的属性

Edit the attributes of value in an input tag

html

javascript

css

jquery

input-type-file