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>，这个问题只适用于Opera，在所有浏览器中它工作得很漂亮，我找不到问题，请帮助：）

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

Answer 1

顺便说一句......你的问题是你的

.main li {
    display: inline;
}

只需在需要它的位置定义ist，而不是在整个.main

中定义

Answer 2

更改第62行：

.main > ul li

Answer 3

我不知道是什么原因造成的，我可以重现它，但看不出有什么问题，但是如果将50px填充从<li>移到<ul>，它可以正常工作细：

.bottom_r ul {
    padding: 50px;
}

请参阅http://cssdesk.com/WERUf

Answer 4

在最后一个例子中，如果没有其他工作，请使用：

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

仅适用于歌剧。

歌剧中忽略了css填充

4 个答案: