Vue中设置输入框内有阴影

最新推荐文章于 2024-06-28 14:59:29 发布

Solitude_dong

最新推荐文章于 2024-06-28 14:59:29 发布

阅读量1.3k

点赞数 1

分类专栏： Vue 文章标签： vue.js css3

本文链接：https://blog.csdn.net/qq_30072161/article/details/115863857

版权

需求：在点击输入框时，出现阴影

在这里插入图片描述

解决：

<style>
.el-form .el-input__inner {
   
  /*输入框椭圆*/
  border-radius: 0px;
  /* box-shadow是设置阴影的
	 inset：可选值，默认阴影在盒子外，使用inset后，阴影在盒子内*/
  box-shadow: inset

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Solitude_dong

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Vue中设置输入框内有阴影

需求：在点击输入框时，出现阴影解决：<style>.el-form .el-input__inner { /*输入框椭圆*/ border-radius: 0px; /* box-shadow是设置阴影的 inset：可选值，默认阴影在盒子外，使用inset后，阴影在盒子内*/ box-shadow: inset 0 0 3px #CCC; /* -moz-, -webkit-, -o-这些都是浏览器前缀 Firefox: -moz- Chrome,
复制链接

扫一扫