`
pumaboyd
  • 浏览: 248679 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

TextBox 样式

阅读更多
上图:

比较喜欢这两个TextBox的外观,把它整理出来和大家共享。
<!----><style>
.googleSearch
{
    border
: 1px solid rgb(126, 157, 185); 
    padding
: 2px; 
    background
: rgb(255, 255, 255) url(http://www.google.com/coop/images/google_custom_search_watermark.gif) no-repeat scroll left center; 
    -moz-background-clip
: -moz-initial; 
    -moz-background-origin
: -moz-initial; 
    -moz-background-inline-policy
: -moz-initial;
}
.tipSearch
{
    background
:#FFFFFF url(http://blog.eshangrao.com/themes/WebPlume/img/q.png) no-repeat scroll 4px center;
    padding-left
:18px;

}
</style>
<body>
<input type="text" size="40" class="googleSearch"/>
<input type="text" size="40" class="tipSearch"/>
</body>


分享到:
评论

相关推荐

    WPF的TextBox显示为一条横线

    下面是一个简单的示例,展示了如何创建一个具有下划线的TextBox样式: ```xml xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" ...

    WPF TextBox 只显示下面边框

    以下是一个示例,展示如何定义一个只显示下边框的TextBox样式: ```xml &lt;Style TargetType="TextBox"&gt; &lt;ControlTemplate TargetType="TextBox"&gt; ,0,0,1"&gt; ``` 在这个...

    比较好看的两个TextBox的外观

    在IT界,用户体验和界面设计...综上所述,创建美观的TextBox样式涉及对UI/UX设计原则的理解,以及熟练运用CSS进行样式定制。通过学习和应用这些知识点,开发者可以创建出更加吸引人且易用的界面,提升产品的整体品质。

    带清空按钮TextBox的实现(WPF)

    WPF带清空按钮的TextBox实现:实现原理通过Style制定包含清空Button的TextBox样式模板,通过在Style中引入自定义类的附加属性完成对TextBox的内容清空。输入文字,右方显示清空按钮,点击清空内容。

    asp.net的漂亮textbox控件

    然后在ASP.NET的`TextBox`控件中添加`CssClass`属性,设置为`custom-textbox`,即可应用样式。 3. JavaScript/jQuery插件:除了CSS,还可以使用JavaScript库如jQuery来增强`TextBox`的功能。例如,使用jQuery Mask...

    Wpf TextBox自动补全

    在实现过程中,我们还需要考虑一些细节问题,如性能优化(避免频繁触发匹配计算)、用户输入的上下文感知(例如,区分大小写、忽略空格等)、以及提示列表的样式和交互设计等。 在提供的压缩包文件“WPF_...

    C# 禁用textbox后 改变text的颜色 TextBox

    在这个类中,我们需要重写TextBox的基本行为,特别是处理控件禁用时的显示样式。我们可以创建一个构造函数,初始化控件,并定义一个自定义属性,例如`DisabledForeColor`,用于设置禁用状态下的文本颜色。 ```...

    winform自定义TextBox带下划线输入,透明TextBox代码重写

    winform下输入文本框textbox重写实现透明,自带下划线输入框。

    Textbox背景透明(winform)

    总结来说,创建一个支持透明背景的TextBox控件,需要对Winform的绘图机制有深入理解,包括控制样式、重写绘制方法以及处理控件和容器的透明性设置。"AlphaTextBox.cs"这个文件很可能是实现了这些功能的一个自定义...

    winform下TextBox自动提示功能

    以上代码只是一个基础实现,实际项目中可能需要考虑更多细节,如输入字符的限制、匹配项的数量控制、提示信息的样式以及用户交互等。在开发过程中,可以参考.NET Framework提供的AutoCompleteStringCollection类,它...

    基于easyui-textbox的颜色选择器及源码

    2. `style.css`:自定义样式文件,用于设置颜色选择器和TextBox的外观。 3. `script.js`:JavaScript脚本,实现颜色选择器的逻辑。 4. `colorpicker.js`:可能是一个第三方颜色选择器插件的源码,被集成到项目中。 5...

    TextBox候选文字提示功能

    开发者可以根据需求调整候选词的数量、排列顺序、显示样式等。例如,可以设置候选窗口的透明度、字体大小、颜色,甚至添加自定义的候选词库。此外,还可以添加智能学习功能,让程序根据用户的输入习惯来优化候选词...

    带清空按钮的TextBox(WPF)

    这个特性可以通过自定义`TextBox`的样式和模板来实现。下面我们将深入探讨如何在WPF中创建一个带有清空按钮的`TextBox`。 首先,我们需要创建一个新的`ControlTemplate`来替代默认的`TextBox`模板。`...

    C#Winform透明Textbox控件

    3. **文本绘制**:确保文本在透明背景下依然清晰可见,可能需要调整文本的颜色和字体样式。 4. **事件处理**:可能需要处理鼠标点击、键盘输入等事件,确保透明TextBox的行为符合预期。 5. **兼容性**:考虑到不同...

    textBox添加选项框

    为了使textBox看起来像一个带有下拉选项的文本框,可以调整ComboBox的外观,例如设置其边框样式为None,使其与textBox融为一体。 接下来,我们讨论“textBox模糊查询”。在数据库或数据处理应用中,模糊查询是一种...

    asp.net 透明底文字TextBox

    要实现ASP.NET TextBox的透明底,我们需要调整TextBox的CSS样式。在CSS中,我们可以设置`background-color`属性为`transparent`来实现透明背景。然而,需要注意的是,纯透明背景可能会导致文字难以阅读,因此通常会...

    扩展的TextBox

    在JavaScript中,我们可以监听TextBox的`focus`和`blur`事件,当事件触发时,修改TextBox的CSS样式。例如,可以设置一个CSS类,包含焦点状态下的样式,然后在JavaScript中动态添加或移除这个类。 【标签】"TextBox ...

    带提示消息的TextBox和PasswordBox

    通过合理的事件处理和样式设计,开发者可以轻松实现这一功能,使得用户在登录、注册等场景下能明确知道应该如何操作,从而提升应用的整体质量。在实际开发过程中,可以根据项目需求选择最合适的实现方式,确保代码的...

    WPF自动提示textbox

    - **样式定制**:通过样式和模板定制AutoCompleteBox或WatermarkTextBox的外观,使其与应用风格保持一致。 ### 结论 在WPF中实现自动提示TextBox,既可以直接使用AutoCompleteBox控件,也可以通过自定义控件实现更...

    自定义textbox完整工程

    2. **重绘控件**:如果需要改变控件的外观,比如边框样式、背景颜色等,我们需要重写OnPaint方法,利用Graphics对象进行绘制。在这个工程中,我们可以看到如何使用GDI+绘制控件的细节。 3. **事件处理**:自定义...

Global site tag (gtag.js) - Google Analytics