Кнопка html слишком маленькая

Question

У меня есть html-форма с кнопкой добавления, которая прикреплена к правой стороне текстового поля и отдельная кнопка удаления. Форма использует некоторый bootstrap css. Однако кнопка удаления отображается на странице как маленький серый квадрат, без текста внутри него. Что заставляет это проявляться так странно?

<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

Answer 2

Пространства. Вы не должны использовать пробелы для и после ваших «=» - s. Таким образом:

value = "Delete" 

is bad.

value="Delete" 

в порядке. Удачи! :-)