Android   发布时间:2022-04-28  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Android 4.1.2默认浏览器 – 禁用输入字段的呈现问题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
似乎某些版本的android浏览器有渲染问题.如果我创建一个页面,我有一些输入字段和一个按钮,当我禁用其他输入字段时,该按钮@L_616_6@为灰色(除非这是在页面加载时完成,你必须点击/缩放一点到让浏览器重新渲染).

有趣的是,它不会将禁用的STYLE应用于按钮,而只是将其灰显.这是一个样本.

Link to editor jsfiddle
Link to embedded jsfiddle

CSS:

ul { list-style-type:none; }

.xxx {
    BACkground: blue;
    color: white;
}

.xxx:disabled { BACkground-color: red; }

HTML:

<div id="root">
    <ul>
        <li>
            <input name="x" id="enable" class="x" type="radio">Enable</input>
        </li>
        <li>            
            <input name="x" id="disable" class="x" type="radio">Disable</input>
        </li>            
    </ul>
    <input type="button" class="xxx" value="Button"></input>
</div>

JS:

$(function() {
    $('.x:eq(0)').prop('disabled',truE);
});

注意事项:

>该按钮未被禁用.点击它,它会暂时变为灰色.
>按钮的禁用状态有一种样式,将其背景颜色设置为红色(如果禁用该按钮,您将看到此工作),但该示例中的按钮不显示为红色,因此它甚至不仅仅呈现禁用状态样式.它似乎主要只是将不透明度设置为较低的值
>单选按钮之前的按钮不会受到影响. http://jsfiddle.net/YVFVZ/4/

任何想法如何解决这个问题?

解决方法

我终于弄明白了.我对这个解决方案并不满意,但似乎有效.

如果将输入包装在某个位置:relative元素,则可以解决问题.

大佬总结

以上是大佬教程为你收集整理的Android 4.1.2默认浏览器 – 禁用输入字段的呈现问题全部内容,希望文章能够帮你解决Android 4.1.2默认浏览器 – 禁用输入字段的呈现问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。