解决input获取焦点后,旁边文字抖动问题

当input获取焦点后,旁边手机号字体会抖动

 <div class="responsible-phonenumber"><span>手机号:</span><div><input class="input" type="text" :maxlength="11" placeholder="请输入手机号"v-model="responsiblePhoneNumber" @blur="responsibleBlur"></div></div>.responsible-phonenumber {height: 52px;line-height: 52px;   *******opacity: 0.9;font-family: MicrosoftYaHei;font-size: 16px;color: #000000;letter-spacing: 0;display: flex;******flex-direction: row;********align-items: baseline;*********.input{width: 400px;height: 52px;background: #F5F5F5;border-radius: 26px;padding: 0 20px;opacity: 0.6;letter-spacing: 0;margin-left: 26px;}}

解决input获取焦点后,旁边文字抖动问题相关推荐

解决手机端微信公众号内input输入框获取焦点后，底部导航栏显示在输入法软键盘上面的问题
今天遇到在微信公众号中打开网站,input 输入框和textarea输入框获取焦点后,弹出输入法键盘,将底部的导航栏"顶到"输入法键盘上面的问题,看着非常shit! 直接上代码看效 ...
【原】WPF按钮或page获取焦点后，按backspace键，后退的解决方法
[原]WPF按钮或page获取焦点后,按backspace键,后退的解决方法参考文章: (1)[原]WPF按钮或page获取焦点后,按backspace键,后退的解决方法 (2)https://ww ...
Electron+Vue3+Vite+Element-Plus，保持软后台全速运行（解决循环过多导致的界面不刷新问题，保证窗口失去焦点后setTimeOut可用）
文章目录 Electron+Vue3+Vite+Element-Plus,保持软后台全速运行(解决循环过多导致的界面不刷新问题,保证窗口失去焦点后setTimeOut可用) 问题描述问题一大循环界 ...
html之解决边框重合问题，鼠标移动文字上文字抖动问题
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
transition transform属性造成文字抖动及模糊的解决方法
在动画的transform里加上translateZ(0)值, 能解决文字抖动的问题,但是没能解决文字模糊的问题. 在使用transition transform发生文字模糊的地方加上transfor ...
设置input输入长度中文一个文字等于2个引文字符为了解决这个问题
/** * 设置input输入长度中文一个文字等于2个引文字符为了解决这个问题 * 使用 maxcodelength="" 即可 */ $('input[type=" ...
Winform 当Panel等容器类控件失去焦点再获得焦点后，滚动条复位的解决方式
public class MyPanel : Panel { /// <summary> /// 当Panel等容器类控件失去焦点再获得焦点后,滚 ...
css文字抖动解决办法
小伙伴们,是不是经常在使用css3动画之后会出现文字抖动情况,或者其它地方都出现了文字抖动: 这个问题的原因是高度塌陷了,可以在抖动的元素上加上如下css属性即可: ```css backface-v ...
科大讯飞语音识别（获取音频流文件中文字）
项目中需要获取视频中的文字, 将过程记录下, 方便以后使用! 为了确保项目在公司内网也能使用语音识别,需要确保内网可以通过HTTP访问dev.voicecloud.cn 该网址不是在浏览器地址栏 ...

解决input获取焦点后,旁边文字抖动问题

解决input获取焦点后,旁边文字抖动问题相关推荐

最新文章

热门文章