0

我有这样的css类：

.new-fld input[type="text"]{width:418px !important; margin-bottom:0px !important; height:18px !important; background-color:transparent !important; color:#FFF !important; border-bottom:1px solid #FFF; border-left:none !important; border-right:none !important; border-top:none !important; font-size:14px; /*padding:0 8px;*/}

它适用于页面上的所有输入字段。

我希望某些字段长度不同，所以我创建了另一个这样的类

 .new-fld input[type="text"]{width:45px !important; margin-bottom:0px !important; height:18px !important; background-color:transparent !important; color:#FFF !important; border-bottom:1px solid #FFF; border-left:none !important; border-right:none !important; border-top:none !important; font-size:14px; /*padding:0 8px;*/}

并像这样应用它

   <div class="new-fld">
                                        <input type="text" value="+44 1793 853219" name="">
                                          <input type="text" value="+ 44" readonly="readonly" name="Dialprefix1" id="Dialprefix1" class="dialprefix" style="text-align:right;width:45px;">

                                        <span>*</span>                                        
                                        </div>

如您所见，我以文本框样式输入了宽度，但仍然无法正常工作。

但它不工作。请建议我很好的解决方案。

4

3 回答 3

0

采用

 <input type="text" value="+ 44" readonly="readonly" name="Dialprefix1" id="Dialprefix1" class="dialprefix" style="text-align:right" size='10' />

并检查结果。

好的，这将解决您的问题（但我希望有充分的理由将 !important 添加到所有样式中）：

<input type="text" value="+ 44" readonly="readonly" name="Dialprefix1" id="Dialprefix1" class="dialprefix" style="text-align:right;width:45px !important;">
于 2013-02-23T18:46:21.227 回答
0

.new-fld 输入[type="text"]{width:418px !important;

**

.new-fld 输入[type="text"]{width:45px !important;

**

你有两个同名的班级。你必须给它起不同的名字。

于 2013-02-23T18:46:56.287 回答
0

我不明白为什么您没有简单地为各个元素声明不同的属性？在您的解释和选择的答案中，它似乎是为包含的 div 设置属性的选择方法？

又名：

.new-fld
{
    property:value;
}

我的解决方案：

为什么不给每个输入元素自己的 id/class。在您的示例中，您为第二个文本框提供了以下标识符： id="Dialprefix1", class="dialprefix"

所以你可以这样设置属性：

#Dialprefix1
{
    size:22px; /* Change value (Width of box) */
    maxlength:22px; /* Change value (Max Accepted amount of chars in textbox) */
}

或通过类声明分配属性：

.dialprefix
{
    size:22px; /* " " */
    maxlength:22px; /* " " */
}

有关可以分配给输入字段的不同属性的详细信息，请参阅。 http://www.w3schools.com/tags/tag_input.asp

注：前缀“.” 在 CSS 中告诉解析器您正在引用一个类，而“#”前缀是指该特定 HTML 元素的 id。

于 2014-06-16T09:08:12.133 回答