样式化输入字段

Question

当我尝试改变名为“title”的输入字段的CSS，该字段被“submissionfield”分类时，位置改变，但字段的高度，长度和字体不会改变。

我怎样才能使输入字段的高度“标题”22像素，长度550像素，字体时代新罗马？下面的CSS不这样做。

由于提前，

约翰

echo '<form action="http://www...com/.../submit2.php" method="post"> 
    <input type="hidden" value="'.$_SESSION['loginid'].'" name="uid"> 

    <div class="submissiontitle"><label for="title">Story Title:</label></div> 
    <div class="submissionfield"><input name="title" type="title" id="title" maxlength="1000"></div> 

    <div class="urltitle"><label for="url">Link:</label></div> 
    <div class="urlfield"><input name="url" type="url" id="url" maxlength="500"></div> 

    <div class="submissionbutton"><input name="submit" type="submit" value="Submit"></div> 
</form> 
'; 

的CSS：

.submissiontitle 
    { 
    position:absolute; 
    width:100px; 
    left:30px; 
    top:200px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color:#000000; 
    } 


.submissionfield 
    { 
    position:absolute; 
    width:550px; 
    left:50px; 
    top:230px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family: "Times New Roman", Times, serif; 
    font-size: 22px; 
    color:#000000; 
    } 


.urltitle 
    { 
    position:absolute; 
    width:250px; 
    left:30px; 
    top:300px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color:#000000; 
    }  

.urlfield 
    { 
    position:absolute; 
    width:550px; 
    left:30px; 
    top:330px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color:#000000; 
    }  


.submissionbutton 
    { 
    position:absolute; 
    width:250px; 
    left:30px; 
    top:380px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color:#000000; 
    }  



.submittitle 
    { 
    position:absolute; 
    width:250px; 
    left:30px; 
    top:150px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color:#000000; 
    } 

Answer 1

使用这个CSS：

#title { 
    font-family: 'Times New Roman'; 
    height:22px; 
    width:550px; 
} 

Answer 2

你只针对。尝试.submissionfield input { // stuff }以将该类中的div内的输入元素作为目标。