个性化阅读
专注于IT技术分析

Pure.CSS输入尺寸表单

你可以采用具有流体宽度大小的形式指定输入元素。它类似于Pure网格。你必须为这些元素指定pure-input- *类。

例子

<!DOCTYPE html>
<html>

<link rel="stylesheet" 
href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" 
integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" 
crossorigin="anonymous">

<link rel="stylesheet" 
href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">

<form class="pure-form">
    <input class="pure-input-1" type="text" placeholder="This box is full."><br>
    <input class="pure-input-2-3" type="text" placeholder="This box is 2/3."><br>
    <input class="pure-input-1-2" type="text" placeholder="This box is half."><br>
    <input class="pure-input-1-3" type="text" placeholder="This box is 1/3."><br>
    <input class="pure-input-1-4" type="text" placeholder="This box is 1/4."><br>
 </form>
</html>

立即测试

输出

PureCSS表单9
赞(0) 打赏
未经允许不得转载:srcmini » Pure.CSS输入尺寸表单
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏