表单通用css样式 样式库

/**因为css 会有先后执行顺序所以越下面的执行属性是使用的，但是最先使用的还是 表单源代码加入的style**/
/**下拉框之上的都是“共有”（我定义的词,忽视,自己按自己理解吧）的属性，下面的会更精准。**/
/**开发中需要共有的样式属性可以直接使用下面的来进行改属性,方便操作，但是特定表的属性你还是需要在表单源代码更改**/

1. /** 本css试用于支持h5皮肤，其他的不保证兼容，给form表单加入class 属性 ：form_table ， 不是表单就直接清空【.form_table】即可**/
   
2. .form_table {
   
3.         border: 1px solid #aaa;
   
4.         font-family: '宋体';
   
5.         text-align: left;
   
6.         width: center;
   
7. }
   
8. /** 表格内标题的样式**/
   
9. .form_table caption {
   
10.         font-size: 20px;
    
11.         height: 30px;
    
12.         line-height: 30px;
    
13.         background-color: #fff;
    
14.         text-align: center;
    
15. }
    
16. /**给相应的 td 加入 字体 和 边框。。。**/
    
17. .form_table > tbody > tr > td {
    
18.         height: 26px;
    
19.         font-size: 26px;
    
20.         border: 1px solid #aaa;
    
21.         text-align:left;
    
22. }
    
23. /**下拉||部门选择框（非树形）**/
    
24. .form_table select{
    
25.         width:200px;
    
26. }
    
27. /**用户选择框：只能在源码改动**/
    
28. /**个人意见，最左边的一列使用特定的 class 我这边命名为 left **/
    
29. .form_table .left {
    
30.         background-color: #222;
    
31.         padding-left: 20px;
    
32.         font-size: 16px;
    
33.         font-weight: bold;
    
34.         color: #333;
    
35.         font-family: '宋体';
    
36. }
    
37. /**单行文本框的控制css**/
    
38. .form_table input[type="text"] {
    
39.         font-family: '宋体';
    
40.         color: #333;
    
41.         width:200px;
    
42. }
    
43. /**多行文本框**/
    
44. .form_table textarea[fieldtype="TextAreaField"] {
    
45.         width:99% !important;
    
46.         height:45px!important;
    
47.         font-family: '宋体'!important;
    
48. }
    
49. /**用户选择框：我们系统设置是自动的，就是根据你字段的多少自动变宽度的**/
    
50. /**单项选择框字体的样式**/
    
51. .form_table .radio-inline span {
    
52.         font-family: '宋体';
    
53.         font-size: 16px;
    
54.         font-weight:bold;
    
55. }
    
56. /**按钮的样式**/
    
57. .form_table input[type="button"] {
    
58.         font-family: '宋体';
    
59.         width:200px;
    
60. }
    
61. /**只能提示搜索框**/
    
62. .form_table input[fieldtype="SuggestField"] {
    
63.         font-family: '宋体';
    
64.         width:250px;
    
65. }

复制代码