1.普通的input框

设置： input：focus{}

  <input type="text"></input>

style样式：

input:focus{//设置阴影效果box-shadow: 0px 0px 12px 0px rgba(98, 19, 254, 0.6);//设置border效果border: 2px solid #5813fe;}

2.Elementui中的输入框

设置： .el-input__inner:focus{}

<el-inputv-model=""type="text"auto-complete="off"placeholder=""
>
</el-input>

style样式：

  .el-input__inner:focus {//设置阴影属性box-shadow: 0px 0px 12px 0px rgba(98, 19, 254, 0.6);//设置border属性border: 2px solid #5813fe;}

样式：

点击input框，添加阴影效果相关推荐

input框添加disabled属性
给input框添加disabled属性有以下三种方法方法一:$("#ids").combobox({ disabled: true }) 方法二:$("#ids&quo ...
小程序点击input框时被软键盘挡住解决方案
小程序点击input框时被软键盘挡住解决方案可以正在input上面加 cursor-spacing='10' <input type="number" value=&quo ...
点击input框去掉阴影和边框
使用antd 插入input组件,点击input框的时候需要去掉阴影部分,这时候会发现加了border:none,和outline:none后还是会有阴影,需要再加上下面的样式才能生效. .ant-i ...
php 点击文本框弹出时间,点击Input框弹出日期选项
点击text文本框弹出日期选择器 body{margin:0;padding:0;font:14px Verdana, Arial, sans-serif;line-height:200%;} #co ...
去除input边框和去除当点击input框时显示的边框
去掉input框的边框以及当点击时显示的边框解决方法: http://www.yayihouse.com/yayishuwu/chapter/1407
根据select不同的选项实现相应input框添加项的显示
实现效果: @1.单击包时,显示包时的添加项 @2.单击包里程,显示包里程的添加项二代码实现: 给select添加change事件获取当前select的value 根据value判断对象显示其 ...
vue点击input框出现弹窗_vue组件实现弹出框点击显示隐藏效果
本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码,供大家参考,具体内容如下效果如下图由于我的更改密码弹出框是一个组件引用的,所以在一开始是隐藏的,这就需要在当前的页面上对弹出框组件设置v ...
禁止手机端点击input框跳出输入法
第一种方式:HTML <input> 标签的 disabled 属性 <form action="form_action.asp" method="ge ...
解决input框添加圆角后边框变粗
在学习过程中给input添加圆角时发现一个问题,添加圆角后input的边框会变粗没有添加圆角前: 直接添加圆角后: 很明显,input的边框比之前的边框变粗了解决办法:给input一个border ...

点击input框，添加阴影效果

1.普通的input框

设置： input：focus{}

style样式：

2.Elementui中的输入框

设置： .el-input__inner:focus{}

style样式：

样式：

点击input框，添加阴影效果相关推荐

最新文章

热门文章