如何將bootstrap 3表單控制輸入與隱藏的true結合使用

Question

我正在使用bootstrap 3，但有一個小問題。 最好用以下代碼解釋：

<input class="form-control" type="text" name="name" id="id" hidden="true"/>

我希望此輸入是隱藏的，但看起來像表單控件css display屬性會覆蓋隱藏的輸入。

@media (min-width: 768px)
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
[hidden], template {
    display: none;
}

我確實在chrome dev-tools中看到隱藏的顯示具有刪除線。

我知道bootstrap具有“ hidden”類，並且可以工作，但是我希望hidden屬性也可以工作。 這不是錯誤嗎？

謝謝

Answer 1

您可以在自定義CSS中添加它

[hidden], template {
display: none!important;
}

Answer 2

作為您想要的答案，可以使用以下任一display: none; 或visibility: hidden;

檢查http://www.w3schools.com/Css/css_display_visibility.asp或使用opacity: 0; 您可以取消隱藏CSS或JavaScript。