网页inputcss，网页input没有value值

css中input为什么是灰色的

1、CSS中input不能输入了：有两种方法 第一：disabled=disabled这样定义之后被禁用的 input 元素既不可用，也不可点击。第二：readonly=readonly 只读字段是不能修改的。

2、只读属于一种行为，不是样式（也可以理解为视觉效果），所以不能用css来设置。

3、可以用input的css中background属性设置。

4、你这是控件本身的属性和特性在一些老版本的浏览器下不存在所致，如果你系统改变控件外观，目前比较常见的办法是通过JS拼接DIV等元素，然后通过set值到隐藏的文本域实现。

5、border-width border-style border-color 如果不设置其中的某个值，也不会出问题，比如 border：solid #ff0000； 也是允许的。

相关问答

Q1: 如何用纯css实现input[type=file]的样式控制(代码示例)

1、图片定位叠加方案之前的之前，我所知道的方法，其实大家也都知道的方法，就是通过将type=file这个上传按钮透明后，然后叠加在一个图片上，这样就可以让人感觉是通过点击上传图片后实现的，也不用看那个原生的上传按钮了。

2、第一步，使用sublime text2创建一个用于测试的新HTML页面，见下图，转到下面的步骤。第二步，完成上述步骤后，在网页上添加标签和输入框，见下图，转到下面的步骤。

3、使用css样式直接可以改变input的样式的，input属于行内替换元素height/width/padding/margin均可用，效果等于块元素。

4、CSS实现和选择器本课内容：实现CSS四种方式1，每个html标签中都有一个style样式属性，该属性的值就是css代码。(针对一个标签)2，使用style标签的方式。 一般都定义在head标签中。

Q2: css移动端input框禁用样式修改

由于IE8 不识别 ：disabled 导致input[disabled]，input：disabled样式失效，可以考虑单独来写，或者直接使用input[disabled]。；IE9及以下无法改变字体颜色。

在index.html中的style标签中，输入css代码：button {border：0；width： 200px；height： 80px；background-color： gainsboro； cursor： not-allowed} 浏览器运行index.html页面，此时通过css实现了按钮的禁用样式。

打开编辑工具，创建静态页面。在页面中插入一个输入框。设置输入框的宽度、高度、文字样式。在初始化函数里编写table函数，对于不同情况设置不同的样式。预览静态页面，打开浏览器调试结果。

input{-webkit-appearance： none； -moz-appearance： none； -o-appearance： none； appearance： none；}去除input的默认样式用上边的代码就可以实现了。如果是只去除部分input的默认样式您可以使用class或ID来指定。

使用css样式直接可以改变input的样式的，input属于行内替换元素height/width/padding/margin均可用，效果等于块元素。

刚开始设置了输入框背景色透明（background-color：transparent；），在iOS上面背景色和边框都没有了，但是在andriod上边框和背景色还是存在。后来加上样式FILTER： alpha(opacity=0)，在andriod中就去掉了边框和背景。

Q3: css如何实现input不可编辑

使用readonly=readonly属性，让输入框变为只读。代码示例一：input type=text readonly=readonly value=代码示例一使用disabled=disabled属性，输入框变为灰色背景只读，但无法再提交被禁用的元素值。

我们可以通过为表单字段（input文本框，标签，复选框，文本区域）设置以下方法来实现表单的不可编辑功能。

将readonly =“readonly”属性添加到文本框中，并将输入设置为只读。之后在浏览器中预览，您可以看到文本框不可编辑。还可以在文本框中输入disabled =“disabled”属性，将输入设置为未使用状态。

在设计网页时，有时需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种：使用input的disable和readonly两个属性。

Q4: 如何利用css隐藏input的光标示例代码_CSS教程_CSS_网页制作

1、input{ color：transparent；text-shadow：0 0 0 000；} 谷歌浏览器测试有效，既隐藏了光标还可以输入文字。

2、用CSS隐藏页面元素有许多种方法。你可以将opacity设为0、将visibility设为hidden、将display设为none或者将position设为absolute然后将位置设到不可见区域。

3、input[type=radio][value=text]：checked{visibility：hidden；}是一个指定已选中单选按钮的选项，其值等于text(示例中为none)答案2 ：(得分：6)尝试visibility：hidden；这会有效。

4、本篇文章给大家分享的内容是关于如何用纯css实现input[type=file]的样式控制（代码示例），有需要的朋友可以参考一下。

关于网页inputcss和网页input没有value值的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。