”
pure-input-rounded”
类名称用于显示带有圆角的表单控件。它通常用于搜索索引。
【Pure.CSS舍入输入】例：
<
!DOCTYPE html>
<
html>
<
link rel="stylesheet"
href="https://unpkg.com/purecss@1.0.0/build/pure-min.css"
integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w"
crossorigin="anonymous">
<
form class="pure-form">
<
input type="text" class="pure-input-rounded">
<
button type="submit" class="pure-button">
Search<
/button>
<
/form>
<
/html>
立即测试
输出
文章图片
推荐阅读
- Pure.CSS堆叠表单
- Pure.CSS响应式设计示例
- Pure.CSS必需的输入
- Pure.CSS只读输入元素
- Pure.CSS菜单组件用法
- Pure.CSS多列表单示例
- Pure.CSS输入尺寸表单
- Pure.CSS输入元素
- Pure.CSS网格布局使用示例