1、红色按钮
以下为引用内容：
.redbuttoncss {
"tahoma", "宋体";
font-size: 9pt; color: #0066cc;
border: 1px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/redbuttonbg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}
2、蓝色按钮
以下为引用内容：
.bluebuttoncss {
"tahoma", "宋体";
font-size: 9pt; color: #003366;
border: 0px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;*/
background-image:url(../images/blue_button_bg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}
3、绿色按钮
以下为引用内容：
.greenbuttoncss {
"tahoma", "宋体";
font-size: 9pt; color: #0066cc;
border: 1px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/greenbuttonbg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}
4、选择按钮
以下为引用内容：
.selectbuttoncss{
"tahoma", "宋体";
font-size: 9pt; color: #0066cc;
border: 1px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/blue_button_bg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}
5、按钮样式
以下为引用内容：
.buttoncss {
"tahoma", "宋体";
font-size:9pt; color: #003399;
border: 1px #003399 solid;
color:#006699;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/bluebuttonbg.gif);
background-color: #e8f4ff;
cursor: hand;
font-style: normal ;
width:60px;
height:22px;
}
6、图像按钮
以下为引用内容：
.imagebutton{
cursor: hand; /*改变鼠标形状*/
}
7、只显一条横线的输入框
以下为引用内容：
.logintxt{
border-right: #ffffff 0px solid;
border-top: #ffffff 0px solid;
font-size: 9pt;
border-left: #ffffff 0px solid;
border-bottom: #c0c0c0 1px solid;
background-color: #ffffff
}
8、没有边框的输入框
以下为引用内容：
.noneinput{
text-align:center;
width:99%;height:99%;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-color: #f6f6f6;
border-bottom-style: none;
}
9、阴影风格的表单
以下为引用内容：
.shadow {
position:absolute;
z-index:1000;
top:0px;
left:0px;
background:gray;
background-color:#ffcc00;
filter : progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positives=true);
}
10、页面正文
以下为引用内容：
body {
scrollbar-face-color: #ededf3;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #93949f;
scrollbar-3dlight-color: #ededf3;
scrollbar-arrow-color: #082468;
scrollbar-track-color: #f7f7f9;
scrollbar-darkshadow-color: #ededf3;
font-size: 9pt;
color: #003366;
overflow:auto;
}
td { font-size: 12px }
th {
font-size: 12px;
}
11、下拉选择框
以下为引用内容：
select{
border-right: #000000 1px solid;
border-top: #ffffff 1px solid;
font-size: 12px;
border-left: #ffffff 1px solid;
color:#003366;
border-bottom: #000000 1px solid;
background-color: #f4f4f4;
}
12、线条文本编辑框
以下为引用内容：
.editbox{
background: #ffffff;
border: 1px solid #b7b7b7;
color: #003366;
cursor: text;
"arial";
font-size: 9pt;
height: 18px;
padding: 1px;
}
13、多行文本框
以下为引用内容：
.multieditbox{
background: #f8f8f8;
border-bottom: #b7b7b7 1px solid;
border-left: #b7b7b7 1px solid;
border-right: #b7b7b7 1px solid;
border-top: #b7b7b7 1px solid;
color: #000000;
cursor: text;
"arial";
font-size: 9pt;
padding: 1px;
}
分享到：
相关推荐
根据给定的信息，本文将详细解析如何通过JavaScript实现一个按钮同时完成对文本框内容的复制功能。这在很多应用场景中非常实用，例如在表单、笔记应用或是代码分享平台等，用户可以方便地复制文本框中的内容。 ### ...
在C#编程中，按钮（Button）和文本框（TextBox）是两个非常基础且重要的控件，它们在创建用户界面时发挥着不可或缺的作用。本文将详细介绍如何在VC#环境中使用这两种控件，以及它们在实际应用中的常见功能。 首先，...
此资源包包含了操作Excel中的表单控件（包括添加表单控件，如文本框、单选按钮、复选框、组合框、微调按钮等；删除Excel中的指定表单控件等）的Java代码方法、测试文档、所需的类库工具以及测试的结果文档等。
【PHP与jQuery交互实现按钮点击添加文本框】 在网页开发中，经常需要动态地向页面添加元素，以满足用户交互需求。"PHPJquery点击按钮添加文本框"这个主题就是关于如何利用PHP后端和jQuery前端库来实现这样一个功能...
后来又使用了vue中的v-bind,使其与class或者style绑定,但是也没有作用 <el xss=removed v-model=form.username xss=removed></el> data(){ return{ isDisabled:true } } 后来又想到使用jquery来改变属性,
在Web网页开发中，按钮和文本框是用户界面的基础元素，它们用于收集用户输入和触发交互行为。为了提升用户体验和页面美观度，开发者通常会利用各种插件来增强这些元素的功能和视觉效果。本文将详细讲解如何使用这些...
"JS特效-表单按钮"这一标签表明这个代码示例关注于通过JavaScript改进表单按钮的行为，特别是与交互相关的特性。 总的来说，这个压缩包提供了一个很好的学习和应用案例，展示了如何利用JavaScript来实现动态的表单...
CSS 表单美化是 Web 开发中非常重要的一方面，今天我们将讨论如何使用 CSS 使文本框与按钮变得更加美观。下面我们将详细介绍两种不同的文本框与按钮美化效果。 无立体效果的文本框与按钮 要实现无立体效果的文本框...
在网页设计中，表单是用户与网站交互的重要元素，其中包含了各种输入字段，如文本框，以及提交按钮。在调整这些元素的尺寸和位置时，可能会遇到一些挑战，特别是当试图在一个行内同时显示文本框和按钮时。标题中的...
根据提供的信息，我们可以深入探讨与“文本框取鼠标事件”相关的知识点。这主要涉及Web开发中的HTML和JavaScript技术，特别是如何在网页上处理文本框的鼠标事件。 ### 文本框与鼠标事件概述 #### 1. **文本框(Text...
本案例聚焦于使用jQuery动态生成文本框，并且每个文本框都配备有删除按钮。这个功能常见于需要用户输入多条类似信息的场景，如在线表单或任务管理器。 首先，`demo.html`和`demo_1.html`是两个不同的示例页面，展示...
1. **创建表单**：首先，你需要在VFP环境中创建一个新的表单（Form），并添加必要的控件，如文本框、按钮等。 2. **编写事件处理程序**：对于表单内的每个控件，你都需要定义`OnMouseDown`事件。在这个事件中，记录...
实用的HTML登录界面，涉及HTML+css+js的文档，应用表单form以及div展示
从给定的文件信息来看，我们探讨的是一个关于ASP（Active Server Pages）中使用文本框和按钮进行交互的示例代码。这段代码展示了如何通过一个按钮控制文本框的启用和禁用状态，以及按钮和文本框样式的变化。下面将...
通过这种方式，每当用户点击“添加文本框”按钮，就会在页面上动态生成一个新的文本框，实现了不跳转页面、不刷新的动态增加功能。这种技术对于提高用户体验和增强页面交互性非常有用。 总结一下，JavaScript动态...
1. **布局**：`Panel`控件可以作为一个容器，包含并排列多个子控件，如文本框、按钮等。通过调整`Dock`或`Anchor`属性，可以控制子控件在面板中的位置和大小。 2. **背景与边框**：`Panel`提供了自定义背景色和边框...
总结，"表单点击提交按钮后变成灰色"这一现象体现了JavaScript在处理表单提交时对用户体验和数据安全性的考虑。开发者可以通过控制按钮的`disabled`属性，配合事件监听和异步提交技术，实现更加智能和友好的表单交互...
【标题】：“date_点击文本框”通常指的是在编程或者前端开发中，用户界面(UI)设计的一个常见元素，即日期选择器与文本框的结合。日期点击文本框允许用户通过点击文本框来选取或输入日期，它融合了日期选择器的便捷...
标签的动态显示与隐藏在提供清晰指导的同时，也增加了交互的趣味性，使得表单填写的过程不再枯燥乏味。 为了实现这个特效，开发者需要具备扎实的HTML结构知识，以便正确地组织表单元素；熟练掌握CSS3的布局和动画...