`
mybwu_com
  • 浏览: 192728 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

spinbox HTML源码

 
阅读更多

界面效果:


HTML源码:

<span style="font-family: 微软雅黑, 新宋体, 宋体; display: inline-block; white-space: nowrap; font-size: 12px; margin: 0px; padding: 0px; border: 1px solid rgb(164, 190, 212); width: 148px;"><input type="text" value="11" id="tbOrder" data-options="min:1" numberboxname="tbOrder" style="outline: none; height: 21px; border: 0px solid rgb(127, 157, 185); line-height: 21px; padding-top: 0px; padding-bottom: 0px; resize: none; text-indent: 3px; width: 130px;"><span style="display: inline-block; vertical-align: top; margin: 0px; padding: 0px;"><span style="display: block; font-size: 1px; width: 18px; height: 10px; background: url(data:image/gif;base64,R0lGODlhCQAFAIABAE1hhf///yH5BAEAAAEALAAAAAAJAAUAAAIMjAOnwIrcDHxpSlYAADs=) 5px 2px no-repeat rgb(224, 236, 249);"></span><span style="display: block; font-size: 1px; width: 18px; height: 10px; background: url(data:image/gif;base64,R0lGODlhCQAFAIABAE1hhf///yH5BAEAAAEALAAAAAAJAAUAAAIMhIMGoXypFoJyJlsAADs=) 5px 3px no-repeat rgb(224, 236, 249);"></span></span></span>

这里全部使用行内样式,避免样式覆盖导致的变形错位等问题,背景图片使用Data Url编码,不再需要考虑图片存放位置的问题

注意:对代码格式化可能导致错位问题;


分享到:
评论

相关推荐

    jQuery下拉框美化插件fancyspinbox特效代码

    ```html &lt;!-- 选项内容 --&gt; $(document).ready(function() { $('#mySelect').fancyspinbox(); }); ``` 上述代码中,`#mySelect`是你要美化的目标下拉框ID,`$(document).ready`确保在DOM加载完成后...

    旋转按钮控件旋转按钮控件旋转按钮控件

    8. **编程接口**:在各种编程语言中,如Java(Swing或JavaFX)、C#(WinForms或WPF)、Python(Tkinter或PyQt)或JavaScript(HTML5 Canvas),都有对应的API来创建和操作旋转按钮控件。 例如,在Python的Tkinter库...

    Minigui教程1

    2. **MiniGUIExt 库**:提供了一些扩展控件,如 MonthCalendar、SpinBox、CoolBar、ListView 和 TreeView 等,位于 `ext` 目录下的 `control` 子目录。 3. **MyWins 库**:MyWins 是 MiniGUI 提供的一个简单的窗口...

    tesSpinbox-开源

    6. **源码开放**:作为开源软件,`tesSpinbox`的源代码可供查看和修改,这意味着开发者可以深入理解其工作原理,并根据需要进行二次开发。 7. **社区支持**:开源项目通常拥有活跃的社区,开发者可以在其中寻求帮助...

    QT4中文版PDF教程

    为了展示HTML样式的使用,可以修改第6行为: ```cpp QLabel *label = new QLabel("&lt;h2&gt;&lt;i&gt;Hello&lt;/i&gt;&lt;font color=red&gt;Qt!&lt;/font&gt;&lt;/h2&gt;"); ``` 这将使文本中的“Hello”部分斜体,“Qt!”部分红色显示。 **关键概念**...

    Qt编程指南(C++)

    此外,可以使用HTML文本增强标签的显示效果。 2. **连接信号和槽** Qt的核心特性之一是信号和槽机制。信号表示一个事件的发生,而槽是响应这些事件的函数。例如: ```cpp #include #include int main(int ...

    嵌入式平台下开发应用:Qt4中文手册

    QSpinBox *spinBox = new QSpinBox(window); QSlider *slider = new QSlider(Qt::Horizontal, window); // ... 设置控件属性和布局 window-&gt;show(); return app.exec(); } ``` 通过上述内容的学习,读者...

    纺纱箱

    在“Spinbox-main”这个文件名中,我们可以推测这可能是一个主程序或者主要的代码文件,包含了纺纱箱控件的核心实现和功能。这个文件可能包含创建和管理纺纱箱实例的代码,以及与其相关的事件处理和逻辑操作。 总的...

    Qt GUI 5.10 界面外观

    `QStyle::StyleHint` 枚举定义了用于获取样式提示的常量,例如 `SH_SpinBox_KeyPressAutoRepeatRate` 可以获取自动重复按键的速率。 ##### 4.4 其他枚举及相关成员函数 `QStyle` 类还包含其他枚举类型,如 `QStyle...

Global site tag (gtag.js) - Google Analytics