0

我在页面 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;仅适用于 first <li>，此问题仅在opera中，在所有浏览器中都可以正常工作，我找不到问题，请帮助:)

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

4

4 回答 4

1

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

.main li {
    display: inline;
}

只需在您需要的地方定义 ist，而不是在整个 .main 中定义

于 2012-06-15T09:45:41.957 回答
1

更改第 62 行：

.main > ul li
于 2012-06-15T10:07:44.040 回答
0

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

.bottom_r ul {
    padding: 50px;
}

见http://cssdesk.com/WERUf

于 2012-06-15T08:53:53.840 回答
0

在最后一种情况下，如果没有其他方法，请使用：

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

仅适用于歌剧。

于 2012-06-15T09:00:33.377 回答