`
xiang588
  • 浏览: 313612 次
  • 性别: Icon_minigender_1
  • 来自: 甘肃平凉
社区版块
存档分类
最新评论

文本框透明CSS样式

CSS 
阅读更多
 样式表:
<style type="text/css">
<!--
.byte 
{...}{ BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 2em; COLOR: #ffffff; HEIGHT: 1.2em; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 0px
}

.byte2 
{...}{ BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 4em; COLOR: #ffffff; HEIGHT: 1.2em; TEXT-ALIGN: left; BORDER-RIGHT-WIDTH: 0px
}

.phone 
{...}{ BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW: hidden; BORDER-LEFT: #000000 0px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 0px solid}
-->
</style>

 

文本框:

 

<INPUT class=byte readOnly size=2 value=0 name=byte>
<INPUT class=byte2 readOnly value="/80 Byte" name=byte_limit>
<TEXTAREA class=phone onkeypress=CheckMsg() onkeyup=CheckMsg() onfocus=CheckMsgValue(); onclick=CheckMsgValue(); name=sm_smsMsg rows=5 cols=16>欢迎留言</TEXTAREA>
分享到:
评论
1 楼 上善如水 2010-12-17  
页面报错了。

相关推荐

    html透明文本框

    这个话题涉及到HTML基础,CSS样式以及一些高级的CSS属性应用。在本文中,我们将深入探讨如何创建一个透明的文本框,以及相关的HTML和CSS知识点。 首先,我们需要了解HTML的基本结构。HTML(超文本标记语言)是用来...

    文本框 css 样式

    文本框 css 样式 鼠标移上去文本框变成浅绿色 文本框提示样式,鼠标点击获得焦点时提示内容消失 input文本框样式 只有下划线的文本框: 软件序列号式的输入框: 软件序列号式的输入框(完整版): 输入框景背景...

    CSS3文本框动画输入标签效果.zip

    "CSS3文本框动画输入标签效果"是一个巧妙地结合了jQuery和CSS3技术的特效,旨在提升用户在填写表单时的视觉体验和互动感受。这个特效的核心在于,它能够以动画的形式动态显示和隐藏输入框的标签,为原本静态的表单...

    Css写透明文本框,无边界文本框

    在CSS(层叠样式表)的设计与开发过程中,创建一个既美观又实用的透明文本框且没有明显的边界的技巧是一项非常实用的技能。这不仅能够提升网页的整体视觉效果,还能增强用户体验。根据提供的标题、描述及部分代码...

    超级好看的文本框样式

    "超级好看的文本框样式" 提供了一种方法,通过CSS(层叠样式表)来增强文本框的视觉效果,使其更加吸引人且符合整体设计美学。这个资源的目的是帮助开发者轻松实现美观的文本框,而无需复杂的代码或深厚的前端设计...

    好看的文本框和按钮样式

    以下是从给定文件中提取的关键知识点,深入解析了如何通过HTML、CSS和JavaScript来创造既美观又实用的文本框和按钮样式。 ### 知识点一:自定义文本框边框 #### 样式代码: ```html ; border-bottom:1px solid ...

    ASP.net 水印文本框

    CSS用于设置文本框的初始颜色和透明度,使得默认的水印内容看起来像是“半透明”的。当用户聚焦到文本框并开始输入时,JavaScript会清除水印文本,当文本框失去焦点且内容为空时,水印内容又会重新出现。 在.NET...

    CSS3气泡一样文本框动画特效.zip

    在本文中,我们将深入探讨如何使用CSS3来创建一个气泡样式的文本框动画特效,这个特效常用于吸引用户注意力并提升网页互动性。我们基于提供的"CSS3气泡一样文本框动画特效.zip"文件,其中包含了一个示例HTML文件...

    CSS文本框后插入背景

    然而,传统的文本框样式通常较为单一,只是一个白色背景搭配黑色边框,这样的设计在现代网页的视觉呈现上可能显得过于单调。为了提升用户体验和网页的整体美观度,我们可以利用CSS来对文本框进行美化,例如在文本框...

    透明文本框

    在设计透明文本框时,开发人员通常会利用CSS(层叠样式表)或者编程语言中的图形库来实现。对于Web应用,CSS提供了`opacity`属性用于设置元素的不透明度,以及`background-color`属性可以设置为`transparent`使背景...

    CSS3输入文字input文本框动画效果

    4. **伪类选择器**:CSS3的伪类选择器如`:hover`, `:focus`, `:active`等可以帮助我们在不同状态时应用不同的样式,如改变文本框在鼠标悬停、获得焦点或被点击时的外观。 5. **自定义字体图标**:结合使用`@font-...

    css3制作的input文本框动画特效

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的视觉效果和交互体验,其中之一就是能创建出各种动态的input文本框动画特效。这款特效专注于提供简单而美观的网址链接和邮箱格式输入框的焦点效果,增强...

    HTML文本框样式

    ### CSS样式在文本框上的应用 CSS(层叠样式表)是控制HTML元素视觉表现的重要工具,包括颜色、大小、边框等。 - **背景色和边框**:如`background:transparent; border:1px solid #ffffff`设置透明背景和白色边框...

    css3 input文本框动画特效.zip

    1. **伪类选择器**:CSS3引入了一系列伪类选择器,如`:hover`, `:focus`, `:active`等,用于在不同状态下改变文本框的样式。例如,`:hover`可以在鼠标悬停时触发特定效果,`:focus`则在文本框获得焦点时激活特效。 ...

    好看的文本框样式,簡單代碼

    使用 CSS 样式可以轻松地创建只有下划线的文本框。我们可以使用 `border` 属性来设置文本框的边框,并使用 `border-bottom` 属性来设置下划线的样式。例如:;border-bottom:1 solid black;background:;"&gt; 2. 软件...

    css3hover悬停图标展开气泡文本框特效.zip

    以上代码中,当鼠标悬停在图标上时,气泡文本框的不透明度会在0.3秒内平滑地从0变为1,达到展开效果。 总的来说,"css3hover悬停图标展开气泡文本框特效.zip"包含了一个使用CSS3技术实现的动态UI元素。这个元素结合...

    CSS3表单文本框输入文字提示上浮特效

    CSS3作为现代网页设计的样式语言,提供了许多增强用户体验的功能,其中之一就是表单文本框输入文字提示上浮特效。这种特效通常利用`&lt;input&gt;`元素的`placeholder`属性来实现,为用户提供清晰的输入指引,而当用户开始...

    js css3文本框编辑文字动画代码

    **CSS3** 是CSS(层叠样式表)的最新版本,提供了更多强大的样式和动画功能。在文字动画方面,CSS3提供了一系列的动画属性,如`transition`和`animation`,可以用来改变文本的外观、大小、颜色、透明度等,实现动态...

    CSS3注册表单文本框占位符特效.zip

    【标题】"CSS3注册表单文本框占位符特效"是关于网页设计的一个主题,主要涉及CSS3技术在创建动态、吸引人的用户界面时的应用。这个特效专注于文本输入框,特别是那些在填写表单时通常需要占位符文本的情况。占位符文...

    弹出层 各种文本框

    这些文本框的样式和功能可以通过CSS(层叠样式表)进行定制,例如调整字体、颜色、大小、边框样式等,同时通过JavaScript或jQuery实现动态交互,如验证用户输入、禁用/启用、隐藏/显示等。 在"div"元素方面,它是...

Global site tag (gtag.js) - Google Analytics