• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

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

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

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与4

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

使用道具 举报

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


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

使用道具 举报

给你说几个解决的方法:

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

使用道具 举报

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

使用道具 举报

发新帖

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

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!