Question

我正在尝试使用带有填充的文本字段构建登录。但问题是似乎无法正常工作。 我不知道它是高度还是填充但是一定有什么不对，因为它曾经工作并且在我再次打开页面之后它没有＆＃ 39; t，我不知道为什么。

这是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

您的页面看起来很好，所以我不知道问题是什么。但也许你不应该同时指定高度和填充。如果指定字体大小和填充，则应自动调整高度。如果指定字体大小和高度，则填充应自动调整。我认为你应该只定义三个中的两个：字体大小（包括字母上方和下方的默认空白区域）和填充，或字体大小和输入文本字段的高度。

Answer 2

文本输入字段确实有一些填充，但我不知道它是否与您想要的一样多。我会尝试删除＆＃34;身高＆＃34;从您的CSS，因为填充将确定高度。

Answer 3

我找到了解决方案...... 我只需要删除高度，填充将适用于文本字段。我不知道为什么，但它有效。

CSS高度和填充不能正常工作

3 个答案: