无法使用css使用“：”隐藏输入字段

Question

这是html代码

<div class="field">
    <label for="billing:region_id" class="">
        <em style="display: none;">*</em>city
    </label>
    <div class="input-box">
        <select id="billing:region_id" name="billing[region_id]" title="縣市" class="" style="display: none;" defaultvalue="">
            <option value="">please select</option>
        </select>
        <script type="text/javascript">
            //<![CDATA[
            $('billing:region_id').setAttribute('defaultValue',  "");
            //]]>
        </script>
        <input type="text" id="billing:region" name="billing[region]" value="" title="region" class="input-text">
    </div>
</div>

我想隐藏

<input type="text" id="billing:region" name="billing[region]" value="" title="region" class="input-text">

使用css

#billing:region 
{
    display: none;
}

但它不起作用。有谁知道问题是什么？

Answer 1

您需要对元字符使用斜杠：

#billing\:region {
    display: none;
}

see more here

---

Comment response:

喜欢这个吗？

[for="billing\:region"]{
    display: none;
}