45

この質問で申し訳ありませんが、どこにも答えが見つからないようです。テキストボックスの高さを設定するCSSコードがあります。VS2010 Express for Windows Phoneを使用しており、HTML / CSS / Javascript / C＃でコーディングしています。

HTML

<input class="heighttext" type="text" id="name">

CSS

.heighttext{
  height:30px
}

高さは好きなように設定できますが、テキストボックスは同じままです。助けてください、または少なくとも私にできるリンクを送ってください！

4

6 に答える 6

65

で試してみてpaddingくださいline-height-

input[type="text"]{ padding: 20px 10px; line-height: 28px; }
于 2012-10-15T09:59:37.517 に答える
6

フォームコントロールは、クロスプラットフォーム/ブラウザのスタイルを設定するのが難しいことで有名です。一部のブラウザはCSSheightルールを尊重しますが、そうでないブラウザもあります。

（またはline-heightが必要な場合があります）またはを試すことができます。これらのいずれも機能しない場合は、それで十分です。グラフィックを使用し、を中央に配置して、フォームコントロールが大きいように見えるように設定しますが、実際にはそうではありません...display:block;display:inline-block;topbottom paddinginputborder:none;

于 2012-10-15T10:01:51.593 に答える
3

入力フィールドでheightプロパティを使用しないでください。

例：

.heighttext{
    display:inline-block;
    padding:15px 10px;
    line-height:140%;
}

常にパディングとline- heightcssプロパティを使用してください。すべてのモバイルデバイスとすべてのブラウザに最適です。

于 2019-04-27T04:40:15.810 に答える
2

これを行うための最良の方法は次のとおりです。

input.heighttext{
  padding: 20px 10px;
  line-height: 28px;
}
于 2020-03-13T04:17:39.970 に答える
1

高さの制御にはfont-sizeを使用する必要があります。これは、ブラウザ間で広くサポートされています。また、間隔を追加するには、パディングを使用する必要があります。例えば、

.inputField{
  font-size: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}
于 2019-04-27T04:29:05.530 に答える
-1

このスタイルコードを使用します

.heighttext{
 float:right;
 height:30px;
 width:70px;
 }
于 2012-10-15T10:00:59.560 に答える