歌剧中忽略了CSS填充

Question

我在页面 index.html 中有表单

<div class = "bottom_r">
    <h1>Get in Touch</h1>
    <form action="index.html" method="post">
      <ul>
        <li><input class = "input" type="text" name="fname" value = "Name:" /></li>
        <li><input class = "input" type="text" name="lname" value = "Email:" /></li>
        <li><textarea class = "textarea" >Message:</textarea></li>
        <li><input class="text_button" type="submit" value="Submit" /></li>
      </ul>
    </form>
</div>

和 style.css 中的 css 样式

.bottom_r {
    float: left;
    width: 262px;
    height: 215px;
    margin: 0;
}


.bottom_r ul {
    list-style: none;
    padding-left: 0;
}


.bottom_r li {      
    margin: 0;    
    padding-left: 50px;           
}

但是填充:padding-left: 20px;仅适用于第一个 <li> ，这个问题只在歌剧中，在所有浏览器中它都工作得很好，我找不到问题，请帮助:)

在线代码:http://cssdesk.com/8xrgD

Answer 1

更改第 62 行:

.main > ul li