在ios 上按钮 disabled 样式显示异常

最新推荐文章于 2021-08-04 01:13:34 发布

weixin_34370347

最新推荐文章于 2021-08-04 01:13:34 发布

阅读量830

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yang-C-J/p/8086962.html

本文介绍了解决在iPhone手机上设置input、button或textarea为disabled状态时样式被覆写的问题。通过添加opacity:1;使样式在Android和iOS上都能正常显示。

将input，button或textarea设置为disabled后，在iphone手机上样式将被覆写-webkit-appearance:none; 文字的颜色还是灰色。

原本在android 上

input[disabled]{

　　/*设置的颜色样式会变的有透明度*/

}

所以加上

opacity: 1;

能使样式正常

转载于:https://www.cnblogs.com/yang-C-J/p/8086962.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34370347

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

iOS Button 按钮 UIControlStateDisabled 状态的使用

sinat_35135563的博客

05-27

3800

小记ios与android移动端input框disabled样式不一致问题

small-town

02-24

593

1. 情景描述 input框设置为disabled时在ios与android上样式不一致。 2. 问题追踪坚持不懈地搜索以及测试，才发现根本问题在于：ios会在input框为disabled时做透明度的设置，所以无论怎么调整颜色，总会不太一样，以下为测试代码： <!DOCTYPE html> <html> <head> <meta charset="u...

参与评论您还未登录，请先登录后发表或查看评论

ios系统disabled 禁用下颜色变淡问题

旧忆时光的博客

04-20

563

input { font-size: 14px; color: #333; &::-webkit-input-placeholder { color: #ccc; } input:-moz-placeholder { color: #ccc; } input:-ms-input-placeholder { color: #ccc; } &:disabled { col..

CSS 消除ios点击按钮时出现的一个半透明的灰色背景

weixin_30915275的博客

06-28

322

解决 body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } 注：webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节。转载于:https://www.cnblogs.com/yanjiez/p/11101915.html...

ios的input属性Disabled默认样式问题

weixin_30553065的博客

09-21

556

需求移动端，浏览个人信息页时，表单内的信息希望是不可编辑不可点状态(readonly属性会另外出现光标) 当点击编辑按钮进入可编辑状态后，姓名和岗位变为可编辑状态，手机仍旧是不可编辑不可点状态问题描述对不可编辑不可点的设置，input定义disabled属性在ios上会出现截图所示，设置的value的值几乎看不见解决办法 1.解决的办法是不用disabled...

ios下input disabled禁用更改原始的灰色

阵雨的博客

01-13

2560

在android下只用设定input的color即可，在ios下需要增加以下代码 input:disabled,input[disabled] { color: #343434!important; opacity: 1; }

IOS源码应用Demo-ios按钮样式制作大全（20种不同风格的按钮制作方法）.zip

04-04

本资源包“IOS源码应用Demo-ios按钮样式制作大全（20种不同风格的按钮制作方法）”是一个非常实用的学习资料，尤其适用于毕业设计和论文撰写阶段的学生。这个压缩包提供了20个不同的按钮样式示例，涵盖了多种视觉...

ios按钮样式源码

08-21

本文将深入探讨iOS按钮样式的源码实现，帮助开发者创建美观、功能丰富的按钮，提升用户体验。首先，我们要理解iOS中的按钮类型。在UIKit框架中，主要存在两种基本的按钮类型：`UIButton`和`UIBarButtonItem`。`...

iOS实现按钮点击选中与被选中切换功能

08-30

在iOS应用开发中，按钮（UIButton）是一种常用的交互元素，用户通过点击按钮来触发相应的操作。...在实际开发中，还可以根据需求调整按钮的样式，例如更改文字颜色、添加边框等，以满足不同界面设计的需求。

jQuery模拟IOS开关按钮代码.zip

05-23

"jQuery模拟IOS开关按钮代码"就是为实现这一效果而编写的代码资源，它可以帮助开发者在非iOS平台上创建类似iOS的滑动开关，提高网页的交互性和美观性。首先，这个项目是基于jQuery库来实现的，jQuery是一个广泛...

5个按钮的样式

03-19

3. **禁用按钮样式**：当某些功能不可用时，按钮会显示为禁用状态。它通常带有灰色调，文字可能会淡出，以表明无法点击。编程时，可以通过设置`disabled`属性或改变颜色透明度实现。 4. **浮动动作按钮（FAB）样式*...

ios css光标隐藏,ios的input属性Disabled默认样式问题

weixin_36312301的博客

08-04

791

现象表单不可编辑状态-ios的input的属性设置为disabled，会造成字体颜色变灰需求移动端，浏览个人信息页时，表单内的信息希望是不可编辑不可点状态(readonly属性会另外出现光标)当点击编辑按钮进入可编辑状态后，姓名和岗位变为可编辑状态，手机仍旧是不可编辑不可点状态问题描述对不可编辑不可点的设置，input定义disabled属性在ios上会出现截图所示，设置的value的值几乎看不见...

iphone中input按钮设置disabled属性出现灰色背景没有显示问题

FarmanKKK的博客

10-17

5848

昨天在项目中发现发送验证码的按钮，在点击后添加disabled属性后，iphone手机中出现disabled属性的默认背景颜色没有显示，反而直接显示它下面的父级元素的白色点击前点击后倒计时的按钮消失了然后就开始了各种方案测试，没啥效果。之后就从处理兼容性问题上转移到直接设置样式覆盖掉disabled的默认样式 input[type=button], input[type=submi

设置按钮禁用时的样式

愿历尽千帆，仍保持最初的热爱，奔赴每一场山海，一如既往鲜活而明亮~

10-03

6267

前言按钮有可用和不可用之分，一般按钮不可用时默认是置灰且不可点击的，但是为了配合整个项目的样式和色调，我们需要对不可用的按钮进行样式的调整。效果展示按钮可用时的样式：按钮不可用时的样式：代码实现 HTML代码： <van-button size="large" :disabled="btnDisabled">我要借款</van-button&gt...

CSS去掉苹果手机input默认样式，去除点击时阴影

S筱潇S四维Smile

01-14

4650

-webkit-tap-highlight-color:rgba(255,255,255,0); input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button { -webkit-appearance: none; } input:-...

input输入框设置disabled="disabled"使鼠标标志无法显示在输入框

WhoWrongsWhere的专栏

07-15

4426

可以使用样式disabled="disabled"

input 标签修改 disabled 属性默认样式（适配安卓 IOS）

qq_38836118的博客

11-07

8893

input:disabled{ background-color : #fff; 修改默认灰色样式 color: #666; opacity:1; 默认的不透明级别为0.3 -webkit-text-fill-color:#666; 字体颜色安卓与IOS适配 -webkit-opacity:1; 不透明级别安卓与IOS适配 }

input设置为disabled提交后获取不到该值的解决方法

在ios 上 按钮 disabled 样式显示异常

在ios 上按钮 disabled 样式显示异常