safari 浏览器placholder不居中问题解决方法

最新推荐文章于 2023-08-26 15:45:25 发布
最新推荐文章于 2023-08-26 15:45:25 发布
阅读量2.3k 收藏
点赞数 1
分类专栏： 常用方法总结 文章标签： safari 浏览器placholder
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyz_3362/article/details/52495591
版权

出现问题的情况如下

  <input type="text" placeholder="请输入手机号" style="height:40px; line-height:40px; font-size:12px;"/>

解决方法如下

 <input type="text" placeholder="请输入手机号" style="height:14px; padding-top:3px; padding-bottom:3px;  font-size:12px; line-height:14px;"/>

哈哈。。。就居中了，我也不知道原因为什么不居中，知道的可以告诉我撒。


攻城狮博客不定期更新奋斗，有错误会及时更正奋斗如有不同见解，请在下方评论。。。大笑

如有错误、后续更正


不宅的程序园
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iphone的safari浏览器中实现全屏浏览的方法
01-05
（就在Safari浏览器最下方，最中间的那个位置，点击选择即可）这个功能类似于把网页地址作为一个超链接的方式放到手机桌面，并且可以直接访问。不过要注意的是每个链接都需要js进行一次特殊处理，那就是监听页面点击...
常见浏览器兼容性问题及解决办法总结
热门推荐
萌兔兔MMQ！！
07-19 1万+
border0;我们常用的div布局，div是块级元素，横向布局的时候我们通常都是用divfloat实现的，横向的间距设置如果用margin实现，这就是一个必然会碰到的兼容性问题在IE6显示margin比设置的大,常见症状是IE6中后面的一块被顶到下一行。解决方案原先元素的border去掉，然后利用before或者after重做border，并transform的scale缩小一半，原先的元素相对定位，新做的border绝对定位。当内容高度大于这个值时，容器高度被撑高，而不是出现滚动条。...
有关Mac系统的Safari浏览器打开某些页面时结构混乱问题的解决方案
WinstonLau的博客
07-31 8636
解决方案一：按住键盘上的command + +/-，适当地放大或缩小页面，但这只对某个页面生效 解决方案二：打开 Safari 浏览器的偏好设置，找到高级中的辅助功能，取消勾选“字体大小不得小于”这一项...
小程序input的placeholder不垂直居中的问题解决
qq_43437571的博客
08-26 2313
placeholder不垂直居中
解决input的placeholder不垂直居中问题
qq_38136543的博客
09-09 4207
解决input的placeholder不垂直居中 将input的line-height改为normal line-height:normal
解决移动端input中placeholder无法垂直居中的问题
web_callBack的博客
12-27 9326
在项目中遇到在移动端中placeholder属性无法实现垂直居中的问题，解决方案如下： 问题原因：input的placeholder属性由于对于各个浏览器的兼容性不同，在ios浏览器文字靠上，而在andrio浏览器中却文字靠下 解决办法：可以使用span标签代替placeholder属性，结合js的方法模拟实现 代码如下： HTML代码： 咨询服务员后
input中的placeholder不能垂直居中的情况
奥里给小饼干
04-30 1181
写移动端页面的时候，顶部的input输入框中的placeholder文字在设置了文字大小之后，不能垂直居中的问题（设置行高无效）在input中设置了。
解决手机浏览器点击后退页面刷新问题，兼容苹果 safari浏览器和安卓浏览器
最新发布
04-03
解决手机浏览器点击后退页面刷新问题，兼容苹果 safari浏览器和安卓浏览器。 js的window.onbeforeunload，onunload，window.addEventListener(‘pagehide‘, () =＞ {}手机浏览器不生效
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
10-21
主要介绍了JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题的解决方案，非常不错，感兴趣的朋友参考下吧
为了解决在safari浏览器video标签无法播放视频的问题
08-10
为了解决在safari浏览器video标签无法播放视频的问题
移动端开发遇到的坑之input里的placeholder不垂直居中的问题
u010007013的博客
05-30 8502
今天发现input输入框里的placeholder 在ios设备上不垂直居中。 一开始我设置了input::-webkit-input-placeholder里的line-height等于height： input::-webkit-input-placeholder { height 42px line-height 42px } 经过查询资料得知，input输入框的line-...
设置viewport后Colorbox在iPhone中不能居中显示
hyshucom
07-04 79
如上图，Colorbox(version:1.3.19 + jQuery 1.7.2 )在iPhone浏览器中未能屏幕居中显示。查了半天，发现是由于页面设置了viewport，而Colorbox中使用了$window.width()/$window.height()来获取计算弹出窗口的位置所致。 为了适应移动设备，一般我们会设置Viewport（可视区纠正）。即在&lt;head&gt;头中...
IOS让图片居中
jmulxg的专栏
01-31 3953
问题的描述如下： 要显示一张图片，也只需要显示一张图片，该图片可能很大，也可能很小，但是要允许手势放大缩小和移动，所以就把它放在UIScrollView里。 一开始显示时，如果是大图片就要把它缩小成适合屏幕大小（使用ScrollView缩小），因为图片的长宽比例不可能总是跟屏幕的大小刚好一致，所以总会有一边有多余的空间，现在的问题是使用ScrollView缩小后，图片要么靠左边要么靠上边，我想
uniapp input 解决 placeholder 垂直不居中，偏上的问题
以后永远的博客
01-27 5439
uniapp input 解决 placeholder 垂直不居中，偏上的问题 前言： uniapp ios 版本 ios 低版本中会出现 placeholder 不居中 偏上问题的发生。 解决： 1.假设 input 的高度为 70rpx； 2.设置 input line-height: 70rpx; .end-input { display: flex; justify-content: center; align-items: center; background: #F4F4F4
placeholder里面的文字不居中怎么办
weixin_46787337的博客
11-28 524
这个是字体的问题试试换个字体例如 font-family: PingFang-SC-Regular,system-ui; 另外最好把行高设置成normal line-height: normal;
移动端placeholder不能垂直居中解决方案
weixin_30354675的博客
11-05 295
1.问题描述 问题如图：手机端placeholder文字偏上，垂直方向不居中，input光标显示偏上解决IE下不支持placeholder属性 2.解决方案 css .phoneNumber input { width: 100%; font-size: .34rem; display: in...
input框的placeholder使用line-height在Safari上不垂直居中的问题
夏天的甲虫
07-29 1万+
测试中出现的问题，Safari5.1.7  input文本框有placeholder值时，css样式设置 line-heigh t与 heigh t等高，并不能使提示文本垂直居中，如下： width: 450px; height: 40px; line-height: 40px;解决方案一：使用padding使提示文字居中，
解决 CSS 水平居中
lining213的专栏
09-05 1221
同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋，下面让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 CSS常见的让元素水平居中显示方法 用CSS让元素居中显示并不是件很简单的事情同样的合法CSS居中设置在不同浏览器中的表现行为却各 　　同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋，下面让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 　　CSS常见的让元素水平居中显示方法 　　用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在
safari 浏览器不支持跨域读取cookie怎么解决
06-13
在 Safari 浏览器中，如果想要实现跨域读取 cookie，需要在服务端设置 Access-Control-Allow-Credentials 和 Access-Control-Allow-Origin 头部信息。 首先，服务端需要设置 Access-Control-Allow-Origin 为请求的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值