html - 如何删除文本输入和提交按钮之间的空格?

标签 html css forms

为什么我的 submit 和 search field 之间有空格?我该如何摆脱它?

<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
    <label>
        <span class="screen-reader-text">Search for:</span>
        <input type="search" class="search-field" placeholder="Search..." value="" name="s" title="Search for:" />
    </label>
    <input type="submit" class="search-submit" value="Search" />
</form>

fiddle

enter image description here

最佳答案

简单地把它们放在一起:)

<label>
    <span class="screen-reader-text">Search for:</span>
    <input type="search" class="search-field" placeholder="Search up in hur" value="" name="s" title="Search for:" /></label><input type="submit" class="search-submit" value="Search" />

关于html - 如何删除文本输入和提交按钮之间的空格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25457496/

相关文章:

javascript - 如何在 HTML5 canvas 上绘图时得到平滑的曲线?

c# - 在加载时以编程方式更改 CSS 类?

html - CSS 问题中心和 'max-width' 用于 IE11 中的图像

html - 如何从 url 参数预填充 html 表单输入字段?

jquery - 如何根据选择一组单独的单选按钮来更改按钮的 "value"和 "id"

html - 如何创建一大块较小的图像?

python - BeautifulSoup 找不到所需的 div

javascript - 为什么我不能将线宽调整为 100%

javascript - 在 div 标签中显示多个附加文档名称,并在单击它们时删除单个文档。

forms - Angular 2 : Using dynamic inputs in reactive forms