文本框的外观
作为剑道UI R1 2022, TextBox小部件使用全新的渲染。
在本文中，您将找到关于Kendo UI TextBox的新渲染的信息。
有关这些更改背后的决定的更多信息，请访问设计概述篇文章。
有关实际示例，请访问文本框的外观演示．
选项
剑道UI文本框支持以下样式选项:
大小
的大小选项控制渲染的大小文本框的样子。这个类的结构是k-input -{大小}．
属性的以下值是可用的大小选择:
sm小尺寸医学博士中等大小lg——大大小没有一个设置
默认值为媒介方法将其应用于包装span元素k-input-md类。
圆形的
属性的以下值是可用的rouned选择:
- 小(sm)
- 介质(md)
- 大(lg)
- 全(全)
- 没有一个
这个类的结构是k-rounded -{大小}．
默认四舍五入值为媒介方法将其应用于包装span元素k-rounded-md类。
FillMode
的fillMode选项控制将颜色应用于呈现对象的方式文本框．这个类的结构是k-input - {fillMode}
属性的以下值是可用的fillMode选择:
- 固体
- 平
- 大纲
- 没有一个
fillMode默认值为固体方法将其应用于包装span元素k-input-solid类。
新旧渲染
TextBox的旧呈现由一个span包装器元素和一个名为k-textbox其中包含与小部件相关的所有样式信息。
<！——OLD——> .组件的新呈现由一个包装组成跨度元素，该元素具有子元素输入元素。
的跨度元素控制小部件的整体外观，并具有以下类结构:
<！——NEW——> 组件的完整呈现具有以下HTML结构:
下面的示例演示了如何通过配置配置小部件的外观: