15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 vue/vuex

input button去掉默认边框和选中边框

王永康| 发布于 2021-07-21 08:56:57| 552阅读| 0点赞| 0评论
举报

当点击button按钮时,会出现系统默认的边框

有时候需要去掉input的默认边框和选中边框, border:0;/*去掉未选中边框*/     outline:none;/*去掉选中边框*/

未作任何修饰

<div class="inp" >
		<input type="button" name="" id="" value="惦记我" />
	</div>	
input{width: 150px;height: 30px;margin: 20px auto;border-radius:50px;}


点击之后会有边框,之后再CSS中添加 outline:none;border:0;

input{width: 150px;height: 30px;margin: 20px auto;border-radius:50px;border:0;/*去掉未选中边框*/

     outline:none;/*去掉选中边框*/}
<img src="http://qinfenniao.oss-cn-beijing.aliyuncs.com/2a83005ea0aa5ee364ce1614ae7a5959.png" style="max-width:100%;" contenteditable="false"/>

没有了系统默认边框,当点击时也不会出现边框

0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

王永康
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部