html输入框变得特别高,mvc中input样式怎么设置使输入框高度随着文本的增加而增加...
/*---------------------------------------------------------- 这个是目前实用的css ----------------------------------------------------------*/ body, html { /* font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;*/ margin: 0; padding:0 !important; padding:90px 0 32px 0; width:100%; height:100%; overflow:hidden; font-size: 18px; background-color: #5c87b2; /*color: #696969;*/ } header{ width: 90%; height: 120px; overflow: hidden; position: absolute; top: 0; left: 50px; } .contentlayout { position:absolute!important; position:relative; top:90px!important; top:0; bottom:32px; width:100%; overflow:hidden; height:auto!important; height:100%; /*left: -3px;*/ } .contentlayout2 { position:absolute!important; position:relative; top:40px!important; top:0; bottom:32px; width:100%; overflow:hidden; height:auto!important; height:100%; /*left: -3px;*/ } .mainlayout { height:100%; background:#66CCFF; overflow-y:auto; text-align:center; } .footerlayout { width: 100%; height: 40px; color: #e1efff; line-height: 32px; letter-spacing: 1px; text-align: left; clear: both; position: absolute; bottom: 0; left: 50px; }
a:link { color: #034af3; text-decoration: underline; }
a:visited { color: #505abc; } a:hover { color: #1d60ff; text-decoration: none; }
a:active { color: #12eb87; }
p, ul { margin-bottom: 20px; line-height: 1.6em; }
/* HEADINGS ----------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; }
h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2 { padding: 0 0 10px 0; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }
/* Layout ----------------------------------------------------------*/ div#wrapper { margin: 10px auto; padding: 40px; border: 0; width: 95%; text-align: left; background: transparent; }
div#wrapper2 { margin: auto; padding: 0; border: 0; width: 95%; text-align: left; background: transparent; }
div#maincontent { float: left; margin: 0 0 0 6px; padding: 0; border: 0; width: 80%; background: transparent; }
div#navsecond { float: left; margin: 0 0 0 6px; padding: 0; border: 0; width: 15%; background: transparent; }
/* MENU ----------------------------------------------------------*/ div#navsecond ul { list-style: none; margin: 0px; padding: 0px; border: none; } div#navsecond ul li { margin: 0px; padding: 0px; } div#navsecond ul li a { font-size: 80%; display: block; border-bottom: 1px dashed #C39C4E; padding: 5px 0px 2px 4px; text-decoration: none; color: #666666; width:100px; }
div#navsecondul li a:hover, #vertmenu ul li a:focus { color: #000000; background-color: #eeeeee; }
/* FORM LAYOUT ELEMENTS ----------------------------------------------------------*/
fieldset { border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }
legend { font-size: 1.2em; font-weight: bold; }
textarea { min-height: 75px; }
input[type="text"], input[type="password"] { border: 1px solid #ccc; padding: 2px; font-size: 1.2em; color: #444; width: 200px;
}
select { border: 1px solid #ccc; padding: 2px; font-size: 1.2em; color: #444; }
input[type="submit"] { font-size: 1.2em; padding: 5px; }
/* TABLE ----------------------------------------------------------*/
table { border: solid 1px #e8eef4; border-collapse: collapse; }
table td { padding: 5px; border: solid 1px #e8eef4; }
table th { padding: 6px 5px; text-align: center; background-color: #f0ffff; border: solid 1px #e8eef4; }
/* MISC ----------------------------------------------------------*/ .clear { clear: both; }
.error { color: Red; }
.logindiv{ width: 50%; height: 50%; overflow: auto; margin: auto; position:absolute; top: 0; left: 0; bottom:0; right:0; }
div#title { display: block; float: left; text-align: left; }
#logindisplay { font-size: 1.1em; display: block; text-align: right; margin: 10px; color: blue; }
#logindisplay a:link { color: blue; text-decoration: underline; }
#logindisplay a:visited { color: blue; text-decoration: underline; }
#logindisplay a:hover { color: blue; text-decoration: none; }
/* Styles for validation helpers -----------------------------------------------------------*/ .field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }
/* Styles for editor and display helpers ----------------------------------------------------------*/ .display-label, .editor-label { margin: 1em 0 0 0; }
.display-field, .editor-field { margin: 0.5em 0 0 0; font-size:12px; word-wrap:break-word; overflow-x:hidden; overflow-y:auto; /* text-align:center;margin:0 auto;*/ }
/*.text-box { width: 30em; }
.text-box.multi-line { height: 6.5em; }*/
.tri-state { width: 6em; }
.div-inline{ display:inline; }
/*---------------*/
/*增加的文字样式*/ .span-inline { margin: 10px auto; padding: 10px; border: 0; width: 100%; text-align:center; width:50px;
} .scrollbar { width:50px; border:1px solid red; overflow-x:scroll; overflow-y:scroll; overflow: auto; scrollbar-face-color: #006400;/*'滚动条凸出部分的颜色*/ scrollbar-highlight-color: #ffffff;/*' 滚动条空白部分的颜色*/ scrollbar-shadow-color: #006400;/*滚动条立体的颜色*/ scrollbar-3dlight-color: #006400;/*滚动条亮边的颜色*/ scrollbar-arrow-color: #006400;/*'上下按钮上三角箭头的颜色*/ scrollbar-track-color: #006400;/*'滚动条的背景颜色*/ scrollbar-darkshadow-color: #006400;/*'滚动条强阴影的颜色*/ }
/*add by liuyq;*/ .textbox{ margin-left:auto; margin-right:auto; padding:3px; outline:0; border:1px solid #a0b3d6; font-size:12px; word-wrap:break-word; overflow-x:hidden; overflow-y:auto; }
html输入框变得特别高,mvc中input样式怎么设置使输入框高度随着文本的增加而增加...相关推荐
- Android TextView中图文混排设置行间距导致高度不一致问题解决
Android TextView中图文混排设置行间距导致高度不一致问题解决 参考文章: (1)Android TextView中图文混排设置行间距导致高度不一致问题解决 (2)https://www. ...
- php中字体样式的设置,CSS里字体样式怎么设置
在网页中我们常常对网页中文字设置字体,用font-family这个属性就可以对字体样式进行设置了.那么我们今天就来教大家从html的字体到css字体的设置方法. 原始的html字体设置 Html的文字 ...
- vue项目中input框默认获得焦点,回车选中输入文本
项目中遇到的需求: 输入框默认获取焦点,回车后选中文本信息 <input ref="code" type="text" @keyup.enter=&quo ...
- 系列九、vue中css样式字体设置为华文行楷
一.下载华文行楷字体 # 下载地址 https://file.diyiziti.com/front/download/common/download?id=91# 百度网盘分享地址 链接:https: ...
- html语言中边框样式,html设置div边框样式css布局
html组织配置div边框格式教程篇 div设置边框花样所应用CSS款式为边框属性border. div虚线与完成边框款式图 一.决定兼容边框线条名堂 border边框兼容各大浏览器线条花样有: 1. ...
- Spring MVC中的视图解析ViewResolver
http://blog.csdn.net/prince2270/article/details/5891085 在Spring MVC中,当Controller将请求处理结果放入到ModelAndVi ...
- 如何在 ASP.NET MVC 中集成 AngularJS
介绍 当涉及到计算机软件的开发时,我想运用所有的最新技术.例如,前端使用最新的 JavaScript 技术,服务器端使用最新的基于 REST 的 Web API 服务.另外,还有最新的数据库技术.最新 ...
- MVC5+EF6 入门完整教程11--细说MVC中仓储模式的应用
MVC5+EF6 入门完整教程11--细说MVC中仓储模式的应用 原文:MVC5+EF6 入门完整教程11--细说MVC中仓储模式的应用 摘要: 第一阶段1~10篇已经覆盖了MVC开发必要的基本知识. ...
- 通过源代码研究ASP.NET MVC中的Controller和View(三)
通过源代码研究ASP.NET MVC中的Controller和View(一) 通过源代码研究ASP.NET MVC中的Controller和View(二) 第三篇来了,上一篇我已经把VirtualPa ...
最新文章
- 2016 多校赛3 A 水 B 期望,规律 C 各种博弈 J 物理题,积分 K 暴力,水
- ab 发送post请求测试API性能
- oracle 越南字符,ORACLE 12.2RAC之问题 ora.chad OFFLINE
- python gamma矫正
- iOS内存管理(ARC,MRC)
- java发邮件无主题,使用SpringCloud过程中遇到的一些问题
- 螺旋方阵问题【数组】
- usb接口 spec_USB连接器发展演变和趋势
- MySQL 传统复制中常见故障处理和结构优化案例分析
- 敏捷开发系列学习总结(9)——10大流行编程方法
- 可能是 Python 中最火的第三方开源测试框架 pytest
- 解决 微信小程序 input错位
- 成语接龙Java代码实现
- 磁盘占用率100%——哪些程序可以禁用(详细版)【还讲到独立显卡、集成显卡、双显卡、固态硬盘卡机卡死卡顿解决】
- Dubbo源码分析(三) -- Dubbo的服务发现源码深入解析4万字长文
- 大道至简之九:周期的实质与投资机会
- GIS三维渲染引擎 到底有什么区别
- 新版花花省淘宝客V6聚合优惠券系统具体功能介绍
- inputstream 关闭 java,Java ObjectInputStream close()方法与示例
- 中小型技术团队的岗位与主要职责
热门文章
- XHTML和HTML最显著的区别
- 不得不知的降本利器:供应商早期参与
- 微信小程序使用网络音乐链接隔天失效问题解决办法
- anaconda的python路径查找_Python路径问题(Anaconda - Spyder)
- 《PostgreSQL 开发指南》第 21 篇 窗口函数
- leetcode(68)_1436_easy_旅行终点站_python
- JAVA代码求解最大子段和问题
- 你必须知道的——double转换int的问题
- 怎样建设稳定性基础架构?《高可用及容灾架构体系化建设》上篇
- 秋冬美白必知的最佳美容时段