CSS填充忽略在歌劇

Question

我有形式index.html頁面中的style.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;   
} 

但填充

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

和CSS樣式：padding-left: 20px;只與第一<li>工作，這個問題是隻有在歌劇，在所有瀏覽器它工作很好，我找不到問題，請幫助:)

代碼在線：http://cssdesk.com/8xrgD

Answer 1

變線62：

.main > ul li 

Answer 2

我不知道什麼是這樣做的原因，我可以重現，但看不出有什麼問題，但是如果從<li>的50像素填充移至其<ul>，它工作正常：

.bottom_r ul { 
    padding: 50px; 
} 

看到http://cssdesk.com/WERUf

Answer 3

在過去來說，如果沒有別的辦法，使用：

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { 
     .class {proprieties} 
} 

僅適用於歌劇。

Answer 4

順便說......你的問題，你的IST

.main li { 
    display: inline; 
} 

只要定義IST在你需要它，而不是在整個。主要