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

我觉得你的页面没问题，所以我不知道问题出在哪里。但也许您不应该同时指定高度和内边距。如果指定字体大小和填充，高度应自动调整。如果您指定字体大小和高度，填充应自动调整。我认为您应该只定义三个中的两个:字体大小(包括字母上方和下方的默认空白)和填充，或字体大小和输入文本字段的高度。