css - 选择元素在网页中未正确显示

Question

我的网站页面中的选择框出现图形问题。

问题是选择的选项元素显示为内联而不是下拉选择。仅当我在表单元素内呈现选择元素时，才会出现这种奇怪的行为。 (？？不知道为什么？？)

HTML 输出产生:

<form name="add-user-form" method="POST" action="/index.php/admin/happen/add"><p><select name="day" required><option value>d</option>
<option value="a">a</option>
<option value="b">b</option>
</select>
</p>
</form>

是有效的 html5 标记，已在 w3c 网站上检查过。

这是显示问题的图片..

我现在省略了 php 代码，有人知道这个问题吗？

Answer 1

正如我们在评论中所说，问题是由于使用以下内容的 CSS 类造成的:

form[name] * {
 display: inline-block; 
}