html - 带有显示 block 的 li 中的输入看起来不太好，为什么？

Question

当我将带有 type=text 的 input 放在带有 display:block 的 li 项中时，我得到奇怪的结果？ 这是一个例子:

<ul>
    <li><input type="text" value="withvalue" style="display: block" /></li>
    <li><input type="text" style="display: block" /></li>
</ul>

对于第一个 input，只有当 input 获得焦点并且它位于 input 内时，我才能看到元素符号。 对于第二个 input，它与 li 父元素符号不在同一行。

有人可以解释一下并提出修复建议吗？

谢谢

Answer 1

使用

<li style = "display:inline;"> ... </li>