CSS高度和填充不正常

我正在尝试使用带有填充的文本字段构建登录。但问题是它似乎不起作用我不知道是高度还是衬垫，但一定是出了什么问题，因为它过去是工作的，我再次打开页面后，它就不工作了，我不知道为什么

以下是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>

أختر القسم
选项
我觉得你的页面很好，所以我不知道是什么问题。但也许您不应该同时指定高度和填充。如果指定字体大小和填充，则高度应自动调整。如果指定字体大小和高度，则填充应自动调整。我认为您应该只定义三个字段中的两个：字体大小（包括字母上方和下方的默认空白）和填充，或者字体大小和输入文本字段的高度
 我觉得你的页面很好，所以我不知道是什么问题。但也许您不应该同时指定高度和填充。如果指定字体大小和填充，则高度应自动调整。如果指定字体大小和高度，则填充应自动调整。我认为您应该只定义三个字段中的两个：字体大小（包括字母上方和下方的默认空白）和填充，或者字体大小和输入文本字段的高度
 文本输入字段确实有一些填充，但我不知道是否有您想要的那么多。我会尝试从CSS中删除“高度”，因为填充将决定高度
 文本输入字段确实有一些填充，但我不知道是否有您想要的那么多。我会尝试从CSS中删除“高度”，因为填充将决定高度
 我找到了一个解决方案。。。
我所需要的是删除高度和填充将工作的文本字段的伟大。我不知道为什么，但它奏效了。
我找到了一个解决方案。。。
我所需要的是删除高度和填充将工作的文本字段的伟大。我不知道为什么，但它起作用了。
字体大小和填充主要是，虽然它不应该有太大的区别，但它是logical@Eileen_Jones我正在Chrome上查看页面。昨天很好，我没有添加任何代码，只是突然坏了。查看文本字段时是否有填充？页面对吗？还是有什么错误？字体大小和填充是主要的，虽然不会有太大的区别，但是logical@Eileen_Jones我正在Chrome上查看页面。昨天很好，我没有添加任何代码，只是突然坏了。查看文本字段时是否有填充？页面对吗？还是有什么差错？