求教，想要做一个边框的CSS效果！

登录

现在想要做一个边框效果，如图

当我点击时出现边框扩散的效果，当我点击另外一个文本框时，这个边框效果消失，另一个边框出现效果，该如何做，能否给个例子，谢谢！

Grayson.Shang · Grayson.Shang

8.0已经支持设置文本框等多种单元格按下时的单元格样式了。

Eric.Liang · Eric.Liang

你可以看下这里：https://gcdn.grapecity.com.cn/fo ... hlight=%B1%DF%BF%F2

My.yu · My.yu

Eric.Liang 发表于 2018-8-6 09:44
你可以看下这里：https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=43805&highlight=%B1%DF%BF ...

太复杂直接调样式不行吗？

Eric.Liang · Eric.Liang

My.yu 发表于 2018-8-6 09:59
太复杂直接调样式不行吗？

不行的，边框无法进行动态修改。

My.yu · My.yu

Eric.Liang 发表于 2018-8-6 10:06
不行的，边框无法进行动态修改。

您看下我这个demo 我这个是点击的时候阴影向内扩展我想要实现阴影向外扩展，帮忙改下，谢谢！
，

Eric.Liang · Eric.Liang

My.yu 发表于 2018-8-6 10:53
您看下我这个demo 我这个是点击的时候阴影向内扩展我想要实现阴影向外扩展，帮忙改下，谢谢！
，

请参考附件工程文件。

rrduser · rrduser

可以直接用css来做，嵌入下列css即可：
input:focus{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

Erik.Xue · Erik.Xue

rrduser 发表于 2020-11-24 11:25
可以直接用css来做，嵌入下列css即可：
input:focus{
border-color: #66afe9;

感谢大神的支持哈~

谢谢支持，本帖子的问题解决，这里就结帖了，如果您有新的问题，也欢迎创建新的求助帖。

		自动登录	找回密码
密码			立即注册

[已处理] 求教，想要做一个边框的CSS效果！

本帖子中包含更多资源

8 个回复

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

Wyn高级认证

Wyn认证

活字格高级认证

讲师达人

悬赏达人

元老葡萄

微信认证勋章