CSSの高さと埋め込みが正しく機能していません

Question

のテキストフィールドにというテキストフィールドを使用してログインしようとしています。しかし、問題はそれがを動作していないようです。 それは高さか詰め物であるかわかりませんしかし、何かが間違っている必要がありますそれはを働かせていたので、私は再びページを開いた後、私はなぜわかりません。ここで

はCSSです：

.Login-Textfield{ 
width:280px; 
height:20px; 
padding:15px; 
background-color:#EEE; 
border:none; 
outline:none; 
color:#222; 
text-align:right; 
font-size:20px; 
font-family:main; 
} 

そして、ここではHTMLです：

<!-- Login --> 
<div class="Content-590"> 
    <div class="New-Offer-Header"><span class="FL"><img src="../images/logo-2.png" width="160" height="70" /></span><span class="FR"><img src="../images/offer-header.png" width="160" height="70" /></span></div> 
    <div class="New-Offer-Content"> 
     <form action="../ex/ad/create-offer.php" method="POST"> 
     <div class="New-Offer-570"> 
      <input type="text" name="title" class="New-Offer-Textfield-Long MB10" dir="rtl" placeholder="عنوان الإعلان" value="" /> 
     </div> 
     <div class="New-Offer-Right ML10"> 
      <select type="text" name="section" class="New-Offer-Select MB10" dir="rtl"> 
        <option>أختر القسم</option> 
        <option value="value">option</option> 
       </select> 
     </div> 
     <div class="New-Offer-Left"> 
      <input type="text" name="talent" class="New-Offer-Textfield MB10" dir="rtl" placeholder="الموهبه" value="<?php form_values('talent'); ?>" /> 
     </div> 
     <div class="New-Offer-570"> 
      <textarea type="text" name="description" class="New-Offer-Textarea MB10" dir="rtl" placeholder="الوصف"><?php form_values('description'); ?></textarea> 
     </div> 
     <div class="New-Offer-570 F28">:أرغب في</div> 
     <br /> 
     <div class="New-Offer-570"> 
      <div class="New-Offer-Remember"><input type="checkbox" name="work" class="Switch" id="work" /><label dir="rtl" for="work">تذكرني</label></div><div dir="rtl" class="New-Offer-Remember-Text F24">العمل</div> 
      <div class="New-Offer-Remember"><input type="checkbox" name="freelance" class="Switch" id="freelance" /><label dir="rtl" for="freelance">تذكرني</label></div><div dir="rtl" class="New-Offer-Remember-Text F24">العمل المستقل</div> 
     </div> 
     <div class="New-Offer-570"> 
      <div class="New-Offer-Remember"><input type="checkbox" name="part_time" class="Switch" id="part_time" /><label dir="rtl" for="part_time">تذكرني</label></div><div dir="rtl" class="New-Offer-Remember-Text F24">العمل الجزئي</div> 
      <div class="New-Offer-Remember"><input type="checkbox" name="train" class="Switch" id="train" /><label dir="rtl" for="train">تذكرني</label></div><div dir="rtl" class="New-Offer-Remember-Text F24">التدريب</div> 
     </div> 
     <div class="New-Offer-570"><center><input type="submit" class="New-Offer-Submit" value="!أضف موهبتك" /></center></div> 
     </form> 
    </div> 
</div> 

あなたは問題が何であるかを伝えることはできますか？

のページをご覧ください：http://www.mawhibaty.com/login.php

Answer 1

あなたのページには、私には正常に見えるので、私は問題が何であるかを知りません。しかし、高さと詰め物の両方を指定しないでください。フォントサイズとパディングを指定すると、高さが自動的に調整されます。フォントサイズと高さを指定すると、パディングは自動的に調整されます。フォントサイズ（文字の上と下のデフォルトの空白を含む）とパディング、またはフォントサイズと入力テキストフィールドの高さという3つのうちの2つだけを定義する必要があると思います。

Answer 2

テキスト入力フィールドにはいくつかのパディングがありますが、それがあなたの望みどおりであるかどうかは分かりません。私はパディングが高さを決定するので、あなたのCSSから "高さ"を取り除こうとします。

Answer 3

私は解決策を見つけました... 私が必要としたのは、高さを取り除くことでした。そして、パディングはテキストフィールドでうまくいくでしょう。私はなぜそれが働いたのか分かりません。