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

TextBox 样式

GoogleBlog 
阅读更多
上图：

比较喜欢这两个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" ...

    比较好看的两个TextBox的外观

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

    WPF TextBox 只显示下面边框

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

    带清空按钮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"这个文件很可能是实现了这些功能的一个自定义...

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

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

    winform下TextBox自动提示功能

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

    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. **事件处理**：自定义...

Magicbox
Global site tag (gtag.js) - Google Analytics