css样式DEMO

<!-- 导入框 -->
<div id="importWin" class="easyui-window" title="服务封装清单导入" style="width:600px;height:200px" data-options="iconCls:'ope-import',modal:true,collapsible:false,minimizable:false,maximizable:false,resizable:false,closed:true">
<div style="margin-left: 5px;margin-right: 5px;margin-top: 5px;">
<div class="data-tips-info">
<div class="data-tips-tip icon-tip"></div>
请导入封装清单Excel文件
</div>
<form id="form_upload" method="post" action="esbService/uploadTemplet.do" enctype="multipart/form-data">
<table class="tableForm_L" style="margin-top: 3px" width="99%" border="0" cellpadding="0" cellspacing="1">
<tr>
<td>
<div id="filediv">请选择文件
<input id="file_templet" type="file" name="file" style="width: 280px;" class="easyui-validatebox" required="true" missingMessage="请选择一个文件" /></div>
</td>
</tr>
</table>
<table width="100%" style="margin-top: 5px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right">
<a href="#" class="easyui-linkbutton" data-options="iconCls:'ope-bulkUpload'" onclick="btn_import()">导入</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'ope-empty'" onclick="clearImport()">清除</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'ope-cancel'" onclick="cancelImport()">取消</a>
</td>
</tr>
</table>
</form>
</div>
</div>
.data-tips-info {
margin: 5px;
background: #FFFEE6;
color: #8F5700;
padding: 12px;
}
<div id="showDiv" style="display:none;">
<div id="pwdDialog" class="easyui-dialog" title="修改密码" style="width: 400px; height: 180px;"
data-options="iconCls:'pag-list',modal:true,collapsible:false,minimizable:false,maximizable:false,resizable:false,closed:true">
<input type="hidden" id="userId">
<!-- <div class="easyui-layout" data-options="fit:true" style="width: 98%; height: 98%;" align="center" id="pwdLayout">
<div data-options="region:'north',border:false" style="height: 10px;"></div>
<div data-options="region:'center',border:true"> -->
<table class="tableForm_L" style="margin: 6px; width: 97%" border="0" cellpadding="0" cellspacing="1">
<tr>
<td>
<form id="pwdForm" method="post">
<table style="text-align: right;" align="center">
<tr>
<td>请输入原密码</td>
<td style="text-align: left; padding-left: 10px;"><input type="password" id="userPassword" name="userPassword" class="easyui-validatebox"
data-options="required:true" validType="checkPassword"/>
</td>
</tr>
<tr>
<td>请输入新密码</td>
<td style="text-align: left; padding-left: 10px;"><input type="password" id="newPassword" name="newPassword" class="easyui-validatebox"
data-options="required:true" />
</td>
</tr>
<tr>
<td>请确认输入新密码</td>
<td style="text-align: left; padding-left: 10px;"><input type="password" id="reNewPassword" name="reNewPassword"
class="easyui-validatebox" data-options="required:true" validType="equalTo['newPassword']" />
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
<!-- </div>
<div data-options="region:'south',border:false" style="height: 50px; text-align: right;vertical-align: middle;"> -->
<div id="pwdBtn" style="height: 20%; padding-right: 3px; text-align:right;">
<a href="#" class="easyui-linkbutton" data-options="iconCls:'ope-finish'" onclick="commitPwd();">确定</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'ope-cancel'" onclick="pwdDialogCancel()">取消</a>
</div>
<!-- </div> -->
</div>
</div>
</div>
css样式DEMO的更多相关文章
- getPropertyValue 获取CSS样式
新学习一个js 的方法 getPropertyValue (实现 js框架中 css 的最终调用的函数),取得元素最终计算出的css 样式 DEMO: <!DOCTYPE html> ...
- React组件(组件属性this.state和this.props,css样式修饰组件)
目录: 1.创建组件的第一种方式 function2.将组件抽离为单独的jsx文件3.省略.jsx后缀, 配置webpack设置根目录4.创建组件的第二种方式--使用class关键字创建组件5.组件私 ...
- CSS居中demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&q ...
- CSS特异性(CSS Specificity)的细节之CSS样式权重的计算与理解(CSS样式覆盖规则)
本篇讲解CSS特异性(CSS Specificity)的细节,也就是CSS样式选择器的权重计算 通过计算选择器的权重(weight)最终决定哪个选择器将获得优先权去覆盖其他选择器的样式设定,即“优先原 ...
- css样式 --- CSS hack
前端样式,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况.基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现.我个人是不太推荐使用hack的,要知道一 ...
- Chrome开发工具Elements面板(编辑DOM和CSS样式)详解
Element 译为“元素”,Element 面板可以让我们动态查看和编辑DOM节点和CSS样式表,并且立即生效,避免了频繁切换浏览器和编辑器的麻烦. 我们可以使用Element面板来查看源代码,它不 ...
- CSS样式优先级
关于CSS样式优先级 一般情况下: [1位重要标志位] > [4位特殊性标志] > 声明先后顺序 !important > [ id > class > tag ] 使用 ...
- 改变CSS样式
改变CSS样式 1.改变HTML元素样式的语法 //改变HTML样式的语法 document.getElementById(id).style.property = new style 例子: < ...
- css扁平化博客学习总结(二)css样式重置
css样式重置 方法一:不推荐使用,这么写会让网页解析速度变慢. *{ margin: 0; padding: 0;} 方法二:大家常用的写法,比较流行. body, html, div, block ...
随机推荐
- iOS - CFSocket 的使用
1.CFSocket 苹果对对底层 BSD Socket 进行轻量级的封装(纯 C). 主要使用的 API:CFSocekt 用于建立连接,CFStream 用于读写数据. 2.基本使用 2.1 Cl ...
- .NET操作XML文件之泛型集合的序列化与反序列化
程序集:System.Xml.Serialization(在 System.Xml.Serialization.dll 中) 命名空间:System.Xml.Serialization 公共函数代码: ...
- "Only the original thread that created a view hierarchy can touch its views.” 解决方法
这个主要总是,开启的线程和 UI 线程(主线程)不是同一个线程.可以Runnable方式避免,如下例所示就可以解决这个问题了. public static void updateText(Activi ...
- 摘:用ADO操作数据库的方法步骤
用ADO操作数据库的方法步骤 ADO接口简介 ADO库包含三个基本接口:_ConnectionPtr接口._CommandPtr接口和_RecordsetPtr接口. _ConnectionPtr接口 ...
- android中调用系统的发送短信、发送邮件、打电话功能
1 调用发送短信功能: Uri smsToUri = Uri.parse("smsto:"); Intent sendIntent = new Intent(Intent.ACT ...
- 本地PC安装Centos 6.5 操作手册及遇到的问题
我采取的是使用U盘安装 一.准备工作 1.下载Centos6.5 ISO文件 我在官网上下的6.5版本CentOS-6.5-x86_64-bin-DVD1.iso, 由于CentOS-6.5-x86_ ...
- python dataframe 在merge时 产生笛卡尔积
在pandas中,concat, merge, join的使用方法可以参考以下资料: http://blog.csdn.net/stevenkwong/article/details/52528616 ...
- Java的spi介绍和简单应用
1.什么是java的spi SPI 全称为 (Service Provider Interface) ,是JDK内置的一种服务提供发现机制. 目前有不少框架用它来做服务的扩展发现, 简单来说,它就是一 ...
- [svc][op]SSH公钥认证+优化
一 ssh公钥认证流程: sshclinet机器:产生公私钥(公钥相当于一把锁) sshclient:将公钥发给sshserver(抛出锁子) sshclinet去连sshserver不需要密钥 二 ...
- 黑客编程教程(二)Win API编程简介
第二节 Win API编程简介 下面介绍一下WIN API. 我们需要自己编写一个工具时,必然会用到很多操作windows和控制windows的函数,这些函数就是windows API. API是Ap ...