有沒有辦法在bootstrap中刪除明文輸入X？

我有一個使用Bootstrap 3的表單。有些字段是用於日期輸入的，我使用Bootstrap 3 Datepicker彈出日曆。我已將onkeydown="return false;"放在輸入控件上，以防止插入自由文本。有沒有辦法在bootstrap中刪除明文輸入X？

問題是，用戶仍然可以（也將要）清除引導程序放入其中的小X的文本框。是否有可能刪除此功能？

Bootstrap input

這裏的日期選擇器的標記。它根據下拉列表的索引值啓用。我使用的WebForms：

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

來源

2015-03-03 Tom Pickles

顯示你的代碼，以顯示這個'Datepicker' – bbvanee 2015-03-03 12:37:54

所以你真的想阻止用戶進入的東西那不是數字日期？沒有更好的方法來做到這一點，而不是禁止所有的鍵盤輸入？ [這個引導3演示]（http://eonasdan.github.io/bootstrap-datetimepicker/）沒有'X'FWIW;它可能是一些在你的頁面上的所有輸入上運行的腳本，你需要添加一個例外。 – Rup 2015-03-03 12:39:07

@bbvanee代碼已添加。 – 2015-03-03 12:42:35

試試下面的代碼

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

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

小提琴：http://jsfiddle.net/n57t00bh/入住這在IE

來源

2015-03-03 12:53:45

不受Bootstrap插入的字符，但Internet Explorer從10 and up版本。要刪除交叉選項，請使用::ms-clear僞選擇器對輸入進行樣式設置。

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

來源

2015-03-03 12:46:09

有沒有辦法在bootstrap中刪除明文輸入X？

回答

相關問題