透明css在chrome中不起作用

Posted

技术标签:

【中文标题】透明css在chrome中不起作用【英文标题】:transparent css not working in chrome 【发布时间】:2013-02-04 04:57:39 【问题描述】:

我有以下 css 来设置输入和下拉菜单的背景,这在 IE 和 Firefox 中有效,但在 chrome 中无效:

.user-fld inputwidth:338px !important; margin-bottom:0px !important; height:18px !important; float:right; background-color:transparent !important; color:#FFF !important; border-bottom:1px solid #FFF; border-left:none !important; border-right:none !important; border-top:none !important; /* padding:0 8px; */

.user-fld selectwidth:338px; background-image:url(../images/dropdown.png); background-repeat:repeat; border-bottom:1px solid #fff; padding:0 0 7px 0; border-left:none; border-right:none; border-top:none; float:right;color:White;

我正在使用这些来显示透明背景。请提出解决方案

【问题讨论】:

【参考方案1】:

表单元素,例如<input><select>,传统上很难设置样式。试试-webkit-appearance: none。这里是a demo。

【讨论】:

@DotnetSparrow “用户输入”是什么意思?

以上是关于透明css在chrome中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

在没有屏幕刷新的情况下,使用 jQuery 更改不透明度在 Chrome 或 Safari 中不起作用

不透明动画在 jQuery 和 CSS 中不起作用

CSS不透明度在IE11中不起作用

CSS3颜色过渡在Chrome中不起作用

更改动画持续时间 CSS3 在 Chrome 中不起作用

为啥这个 CSS3 动画在 Safari 和 Chrome 中不起作用?