Question

我正在尝试更改具有属性display:none;

的文本框的样式

我有另一个文本框，当我在文本框中单击时，我应该将另一个css更改为display:inline-block!important;

<input type="text" id="linkField" class="form-control " placeholder="Enter the link to track">
<input type="text" id="emailField" class="form-control " placeholder="Enter the Email" style="display:none!important">
<input type="button" class="btn-success btn lightGreen" value="SHORTEN & TRACK">

我尝试了类似的东西，但它无法正常工作：

$(document).ready(function() {
    $('#linkField').click(function() {
        $("#emailField").css({"display": "inline-block!important"});
    }); 
});

任何人都可以帮助我吗？如果您需要更多详细信息，请与我们联系。

Answer 1

你可以使用.show（）而不是摆弄内联css

$(document).ready(function() {
    $('#linkField').click(function() {
        $("#emailField").show();
    }); 
});

DEMO

Answer 2

演示：http://jsfiddle.net/awladnas/a6NJk/614/

你真的很接近你的解决方案。试试这样：

$(document).ready(function() {
    $('#linkField').click(function() {

        $("#emailField").css('display','block');
    }); 
});

Answer 3

您可以使用以下代码设置显示属性：

$("#emailField").css("cssText", "display: inline-block !important");

我在以下帖子中找到了这个：How to apply !important using .css()?

用于显示文本框的jQuery

3 个答案: