1

フォーム フィールドのテキスト領域について、あなたの助けが必要です。texarea に一般的なスタイルを適用するための CSS を以下に示します。しかし、コンテナを超えて重複しているため、特定のテキストエリアにインラインで変更を加えたいと思います。

助けてくれてありがとう。

    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%;、テキストエリア 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 のテキストエリアに追加します。

style="width:200px !important;"

お役に立てれば

于 2012-05-03T21:00:21.403 に答える