有没有办法在bootstrap中删除明文输入X?

时间:2015-03-03 12:35:39

标签: javascript html twitter-bootstrap

我有一个表格,我使用Bootstrap 3组合在一起。有些字段用于日期输入,我使用Bootstrap 3 Datepicker弹出日历。我已将onkeydown="return false;"放在输入控件上以防止插入自由文本。

麻烦的是,用户仍然可以(并且将)使用引导程序放入的小X清除文本框。是否可以删除此功能?

Bootstrap input

这里是日期选择器标记。它根据下拉列表的索引值启用。我正在使用网络表单:

<div class="col-sm-3">
    <div class='input-group date' id='dateEnd'>
    <asp:TextBox ID="datepickerEnd" runat="server" CssClass="form-control datepickerEnd" Enabled="False" placeholder="Specify to date" onkeydown="return false;" />
    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
    </span>
    </div>
</div>

2 个答案:

答案 0 :(得分:4)

Bootstrap未插入字符,Internet Explorer版本10 and up未插入字符。要删除交叉选项,请使用::ms-clear伪选择器设置输入样式。

::-ms-clear {
    display: none;
}

答案 1 :(得分:4)

尝试以下代码

.clear::-ms-clear {
    display: none;
}

<input type="text" class="clear" />

小提琴:http://jsfiddle.net/n57t00bh/在IE中查看