css - 如何做到让 input 背景可以设置透明度，边框也可以，但是里面的文字不透明呢 ？

问题描述

问 题

如何做到让 input 背景可以设置透明度，边框也可以，但是里面的文字不透明呢 ？

HTML： <input class="uName" name="userName" placeholder="Barcelona">

CSS: .uName{filter:Alpha(opacity=30); opacity: .3;}

只用 filter:Alpha 和 opacity 设置样式后，input 里面的文字也变成了透明的 。怎么才能让文字不透明呢 ？ 不改变 Html 的情况下。

解决方案

都用rgba就可以了

background:rgba(0,0,0,0.2);
border: 1px solid rgba(0,0,0, 0.2);

这篇关于css - 如何做到让 input 背景可以设置透明度，边框也可以，但是里面的文字不透明呢 ？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！