如表述所示
5***@qq.com
- 发布：2022-02-17 11:33
- 更新：2022-02-17 15:02
- 阅读：601
产品分类： uniapp/H5
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.1
HBuilderX类型： 正式
HBuilderX版本号： 3.3.11
浏览器平台： Chrome
浏览器版本： 98.0.4758.102
项目创建方式： HBuilderX
操作步骤：
预期结果：
input组件进入聚焦状态后，边框由原来的灰色变为蓝色
input组件进入聚焦状态后，边框由原来的灰色变为蓝色
实际结果：
原本的灰色边框没有消失，蓝色边框也是错位的
原本的灰色边框没有消失，蓝色边框也是错位的
bug描述：
style设置如下：
<style>
input {
margin-bottom: 10rpx;
margin-top: 10rpx;
padding: 10rpx;
height: 60rpx;
border-style: solid;
border-width: 1rpx;
border-radius: 8rpx;
border-color: lightGray;
}
input :focus {
margin-bottom: 10rpx;
margin-top: 10rpx;
padding: 10rpx;
height: 60rpx;
border-radius: 8rpx;
border-style: solid;
border-width: 1rpx;
border-color: #007AFF;
}
</style>为input设置input :focus样式，我的本意是要input组件进入聚焦状态后，边框由原来的灰色变为蓝色，但是实际运行后，原本的灰色边框没有消失，蓝色边框也是错位的。
并且如果input :focus 写成 input:focus,（input和冒号之间没有空格），则focus样式不生效
5***@qq.com (作者)
所以，要怎么实现聚焦后边框变色问题呢？
或者说，如何直接使用原本的input而不是uni-input
2022-02-17 18:52