时间戳

首页 > 解决方案 > 用图标完全替换 input type="button"

html - 用图标完全替换 input type="button"

问题描述

这是代码。当然，它需要保留所有功能。一个人怎么能做到这一点？

<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet"/>

	This is how it looks right now:
	<input type='button' value='+' class='qtt' field='quantity' />
  
<br /><br />

	This is how I want it to look:
  <i class="fas fa-plus-square"></i>

标签： htmlcss

解决方案

只需使用button标签并根据需要调整其 CSS：

button {
  border: 0;
  padding: 0;
  font-size: 15px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet" />

<button type="button"><i class="fas fa-plus-square"></i></button>

推荐阅读