html按钮太小

Question

我有一个 html 表单，带有一个附加到文本框右侧的添加按钮和一个单独的删除按钮。该表单使用了一些 bootstrap css。但是，删除按钮在页面上显示为一个灰色的小方 block ，里面没有任何文字。是什么让它如此奇怪地出现？

<form id = "myform">
<div class="col-lg-6">
<h3> New Group: </h3>
    <div class="input-group">
      <input type="text" id = "input" class="form-control">
      <span class="input-group-btn">
      <button class="btn btn-default" type="button" onclick = "addTag()" >Add</button>
      </span>

    </div><!-- /input-group -->




<table class = "table" padding = "5">
<ul id = "list" class="list-group">


</ul>
</table>

<button type = "button" class="btn btn-default" value = "Delete" id = "deleteBtn" onClick = "if(confirm('Are you sure?'))
 Delete()"></button>

</form>

Answer 1

您必须将 value 中的文本移到标签之间

<button type = "button" class="btn btn-default" id = "deleteBtn" onClick = "if(confirm('Are you sure?')) Delete()">Delete</button>

JSFiddle