html 页面上的按钮怎么加上图标？

大***

button 和 input 网上都搜过了，例如在取消按钮上加一个 “X”，请问是怎么做的？谢谢。

无***

我最近刚好做过这类自己是通过把图标设置background 然后字体设置padding来实现的

samu***

:before{
position:relative;
right:5px;
content:url(../images/ .png);
//前面加图标

：after{
position:relative;
left:80px;
content:url(../images/ .png);
//后面加图标

ling***

给你说几个解决的方法：

使用svg的矢量图标，推荐阿里云的；
使用canvas的h5画布技术，这个东西绝对是未来的主流渲染，但在这快不是很实用；
找一个“X”的img图片；
直接用文本“X”代替

m5399***

用背景图吧，不一定要用button标签，样式可以做成那样的效果

yun7***

X 这样取巧可以加一个 X 在按钮上

我们通常使用矢量图也就是所谓的字体图标 ,网络上有很多字体图标库只要下载下来就可以使用了

有什么问题可以问我

已有账号？

找人解决需求

html 页面上的按钮怎么加上图标？

全部参与5

热门问答

大***

今日需求悬赏

今日问答求助

发布任务需求已有1031164位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端