1

我需要您对我的表单字段的文本区域提供帮助。我有下面的 CSS 来为 texarea 应用一般样式。但是现在我想对某些特定的文本区域进行一些内联​​更改，因为它们在容器之外重叠。

谢谢您的帮助。

    textarea[type=text]{
    border:             2px solid #a9c6c9;
    vertical-align:         middle;
    padding:             9px;
    height:             129px;
    border-collapse:         collapse;
    margin:             2px;
    padding:             2px;
    space:             2px;
    width:             6.1in;
    z-index:             1;
    font-family: calibri;
   }
4

3 回答 3

0

您可以使用:not过滤掉您不想更改的内容。将您的 CSS 选择器更改为：

textarea[type=text]:not(#element1, #element2, ...)
于 2012-05-03T19:41:54.977 回答
0

如果只是确保没有任何东西延伸到容器之外，请尝试添加max-width:100%;到您的 textarea CSS。这应该可以帮助您防止它超出容器，同时仍然使所有其他文本区域具有相同的宽度。

于 2012-05-03T20:50:37.747 回答
0

尝试将一个类添加到单个文本区域

<!-- Original -->
textarea[type=text]{
    border: 2px solid #a9c6c9;
    vertical-align: middle;
    padding: 9px;
    height: 129px;
    border-collapse: collapse;
    margin: 2px;
    padding: 2px;
    space: 2px;
    width: 6.1in;
    z-index: 1;
    font-family: calibri;
}

然后：

<!-- add this class to you individual textarea's -->
textarea[type=text].newclass{
    width: 200px;
}

或者你可以将它放在一个 div 中，如下所示：

<!-- add this class to the <div> your individual textareas are inside of -->
.newclass textarea[type=text]{
    width: 200px;
}

或将其添加到 html 中的 textarea 中：

style="width:200px !important;"

希望这可以帮助

于 2012-05-03T21:00:21.403 回答