html – 包装在表单标记中时,Bulma表单控件宽度被禁止

概述在遵循Bulma文档时,可以使用p.control包装input.input以对其进行样式设置并使其扩展容器的宽度.但是,当容器是一个表单(可能是它)时,控件会缩小到默认大小.我究竟做错了什么？ 代码示例如下： <div class="panel"> <div class="panel-heading"> Login </div> <div class="p 在遵循Bulma文档时,可以使用p.control包装input.input以对其进行样式设置并使其扩展容器的宽度.但是,当容器是一个表单(可能是它)时,控件会缩小到默认大小.我究竟做错了什么？

代码示例如下：

<div >    <div >        Login    </div>    <div >        <form>            <p >                <input  type="email" placeholder="E-mail Address" name="email" autofocus>                <span >                    <i ></i>                </span>            </p>            <p >                <input  type="password" placeholder="Password" name="password">                <span >                    <i ></i>                </span>            </p>            <p >                <button  type="submit">                    Login                </button>            </p>        </form>    </div></div>

解决方法 我找到了答案,烦人地盯着我：你需要设置表格的类来控制.

<div >    <div >        Login    </div>    <div >        <form >            <p >                <input  type="email" placeholder="E-mail Address" name="email" autofocus>                <span >                    <i ></i>                </span>            </p>            <p >                <input  type="password" placeholder="Password" name="password">                <span >                    <i ></i>                </span>            </p>            <p >                <button  type="submit">                    Login                </button>            </p>        </form>    </div></div>

总结

以上是内存溢出为你收集整理的html – 包装在表单标记中时,Bulma表单控件宽度被禁止全部内容，希望文章能够帮你解决html – 包装在表单标记中时,Bulma表单控件宽度被禁止所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。