`
llmy
  • 浏览: 120927 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

文本框及下拉框设置disabled后,改变字体的颜色

 
阅读更多

模拟实现disabled属性

<html>
	<head>
		<title>disabled设置字体颜色</title>		
	</head>
	<script>
	   function init(){
	      readOnlySelect(document.getElementById("readOnlyResType"));
	   }
	   function readOnlySelect(obj){
			obj.onfocus = function(){
				return this.blur();
			}
			obj.onmouseover = function(){
				return this.setCapture();
			}
			obj.onmouseout = function(){
				return this.releaseCapture();
			}
	 }
	</script>	
	<body onload='init()'>
		<input type="text" readonly style="color:#FF0000" value="红色" />
		<input type="text" disabled style="color:#FF0000" value="红色" />
		<span id="readOnlyResType">
		<select  style="color:#FF0000">
		   <option>红色</option>
		   <option>红色</option>
		</select>
	</body>
	</html>

 用readOnly后按Backspace键会执行到上一步。可以通过js禁止

function document.onkeydown() {
        if (event.keyCode == 8) {  //alert(document.activeElement.type);
            if (document.activeElement.type.toLowerCase() == "textarea" || document.activeElement.type.toLowerCase() == "text") {
                if (document.activeElement.readOnly == false)
                    return true;
            }
            return false;
        }
    }

 

分享到:
评论

相关推荐

    可以输入的下拉框 下拉框和文本框组合共用

    下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框....

    jquery实现动态添加文本框和下拉框效果

    jquery实现动态添加文本框和下拉框效果。

    文本框与下拉框组合并能智能检索

    "文本框与下拉框组合并能智能检索"是一个常见的需求,它旨在提高用户体验,使用户能够更高效地输入信息。这个功能通常用于网站搜索、表单填写等场景。下面将详细介绍这个功能的实现方式以及涉及的技术。 首先,我们...

    下拉框和文本框组合共用-可以输入的下拉框ok

    在网页设计和开发中,"下拉框和文本框组合共用-可以输入的下拉框"是一个常见的交互元素,它结合了下拉选择框(Dropdown)和输入文本框(Input Text)的功能,以提供更灵活、用户友好的界面。这种设计通常用于场景,...

    文本框与下拉框的结合

    - `onChange`事件监听器,用于检测下拉框的改变并更新文本框内容。 3. **CSS样式定制**: - 通过定位和尺寸调整实现下拉框与文本框的对齐和覆盖效果。 - 边框和溢出控制确保整体组件的外观一致性。 #### 示例...

    clistctrl的修改~增加了文本框下拉框

    标题“clistctrl的修改~增加了文本框下拉框”暗示了这个项目或教程可能涉及如何在CListCtrl的一项中集成文本框和下拉框,使得用户能够输入文本并从预设选项中选择。 在Windows编程中,这种功能通常通过组合控件...

    VC++文本框+下拉框=组合框,具有自动补全功能Edit.Combox_非常棒!

    这个"VC++文本框+下拉框=组合框,具有自动补全功能Edit.Combox_非常棒!"的项目就是一个很好的示例,它结合了编辑框(Edit)和下拉框(ComboBox)的功能,实现了一个具有自动补全特性的组合框控件。这种控件在用户...

    原生js text文本框模拟select下拉框美化点击下拉菜单选

    原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击...

    下拉框匹配输入文本框的js

    用于下拉框匹配的js,用户在文本框进行输入匹配,然后进行选择

    ComboBox下拉框内字体加颜色

    当我们想要改变字体颜色时,需要重写默认的绘制逻辑。这通常涉及到以下几个步骤: 1. **创建自定义ComboBox类**:首先,我们需要创建一个自定义的ComboBox类,继承自系统提供的ComboBox控件。这个自定义类将会包含...

    C#文本框输入提示功能 下拉框

    首先设置`Text`属性为提示信息,在文本框获得焦点时清空`Text`,失去焦点时如果`Text`为空则重新显示提示信息。 ```csharp private void textBox_GotFocus(object sender, EventArgs e) { if (textBox.Text == "请...

    WPF颜色选择下拉框

    在C#代码中,我们需要处理下拉框的选择事件,以便在用户选择颜色后执行相应操作,如更新界面的背景颜色。这可以通过添加事件处理程序来完成: ```csharp private void colorComboBox_SelectionChanged(object ...

    dataGridView动态绑定数据下拉框

    在这个场景中,我们将根据数据库中的字段动态生成下拉框选项,而不是在设计时静态设置。 1. **获取文件列名**:这通常通过读取文件头来完成,例如CSV或Excel文件。我们可以使用`TextFieldParser`类来解析CSV文件,...

    下拉框设置为只读模式时不再弹出下拉框

    在网页设计和开发中,经常会遇到需要对交互元素进行特定控制的情况,比如将下拉框(Dropdown)设置为只读模式。"下拉框设置为只读模式时不再弹出下拉框"这个主题,主要涉及到HTML、CSS以及可能的JavaScript技术。...

    文本框获取焦点弹出下拉框

    标题“文本框获取焦点弹出下拉框”涉及到的是网页交互设计中的一种常见功能,它通常用于实现输入框(input)的自动补全或者下拉选项选择。在Web开发中,这种功能可以极大提升用户体验,让用户能够快速找到并选择所需...

    C# WinForm 自定义ComboBox 显示颜色下拉框

    这包括设置填充颜色和边框颜色,以及绘制文字(可能包括颜色代码或颜色名称)。 4. **颜色选择**:当用户从下拉框中选择一个颜色时,控件需要能够触发事件,将所选颜色传递给父窗体或其他处理逻辑。这可以通过...

    VC6.0中修改字体颜色和对话框背景颜色

    3. 对于字体颜色,你可以在控件的OnDrawItem()或OnMeasureItem()事件中,设置CDC对象的字体颜色,如:`dc.SetTextColor(RGB(0, 0, 0));` 这将设置字体颜色为黑色。 4. 重新编译并运行程序,新的颜色设置将应用于...

    QT下拉框样式表设置

    这不仅限于改变颜色或字体大小,还可以包括复杂的图像效果。为了更好地理解和掌握这些技巧,建议动手实践,尝试不同的样式设置并观察效果变化。此外,还可以参考官方文档获取更多关于样式表的信息和技术细节,以便在...

    VC++使用组合框,下拉框与文本框级联作用

    摘要:VC/C++源码,控件相关,组合框,下拉框 VC++使用组合框,下拉框与文本框级联作用,下拉选择框内的值改变时,文本框自动获得其值并显示,也就是,文本框的值是随着Select的变化而变化,将二者组合应用,获得不同...

    C# 自定义组件 下拉框选择颜色

    5. **事件处理**:添加事件处理函数,如`SelectedIndexChanged`,在用户选择颜色后更新SelectedColor属性,并可能触发其他操作。 6. **重写方法**:可能需要重写某些基类方法,如`OnPaint()`,以自定义控件的外观,...

Global site tag (gtag.js) - Google Analytics