input text文本框内部最后面放一个按钮
.ContSpan
{
border: 1px solid #;
display: inline-block;
}
.ContSpan span
{
cursor: pointer;
background: url("/image/add.png") no-repeat scroll 1px 3px transparent;
cursor: pointer;
display: inline-block;
height: 20px;
opacity: 0.6;
overflow: hidden;
vertical-align: top;
width: 18px;
}
.ContSpan input
{
border: none;
width: 128px;
}
.spFocus //鼠标放上去 改变透明度
{
opacity: ;
}
<span class="ContSpan">
<input type="text" isck="ck" id="txtpayment" readonly="readonly" />
<span id="payment" attrid="payment" attrname="change" title="选择"></span>
</span>
效果图:
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAAAaCAIAAACLhQF1AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADDElEQVRoge3azU8TQRjH8eeZ2W5ftNKXlbJYSgBFWpAY0cQ3KnLhoCcTjF64SPibBA9y4Y4hHgjEs/ZSIr4XRcJLWvrCtl1Lu+3OeJB4U7eJSljmc9xpfpnD99LNYjKZTCQSIAgAU1NTvzqS/vgL4ZiYmZn5zSn5b/cQjjQRimCJdNgXEP6hl6lXy6svFE+AMwAOiLRQLl7quTg2NIqITU2JUGyrXC0vry4/Gp1UfaGfD4uV8vTzp7HI+UhruKk1EYpt6VU9cCKg+kLPPs1vFDeQEr/b/zD6oEvtLpQKIhQBtIqW0TK5Ys6oGyY3U/m1VDYFEihepcZqRt3Y2d3yOD2+k75Wv2JxU4RiN4kvicXVxbYWlTXMvvY+isQpOYmDUEpdkgsAu0OR12uvdzRtdy831Ds4dmXEyqwIxW6W3i5N3ppUfaoJjAKp1CumaR6ccdCr+rXY0NXYEAJq38qP52dFKMeU1+lVferC+4UP6Q/EQTjy7H7WSZ1IUTf0uXdzDofDAKPDGx7vvh8KtFmcFaHY06a2uZZZAyeghLIsS1QiQBq8sV5aBwIGGBw5B84ZszgoQrEnRAQCiIiACAgAHDgePADkP96icG55UIRiPwgArZ7WcEuYyIQTXjSKDdYAChJKQXeQStTgxmn3aQRCiNVX8yIUu9Grpfy3/L3Be3cH7gCHSn1/dmU2tZeiQP1u/0T/hOIJIkEJpP1aNatlLc6KUOzmZt/w9IuZjmAna7BIIHx7YESiEgfOgQNCwONf/fzpzfo7ySGns+lo51mLsyIUu4n3xmNqbLuwnSvmVr6uxPuHDdNgDcaAGQ2DA/+4lfK5XN1nzo5euN6uiH89x5jiVRSvktbSH9MpijRyKmIyk1AMuIMykZ2yq6stMtgz0NSmCMW23LJ7T8/n9b3x2DgDBgAEyH6tupH5ernJSkCEYmMtnpYb0eHppSeqr40z5BwJkGwxd07t6QxFml0TodjZSDQ+Eo3/lamDUH7/vaQgYDKZPOw7CEcAlkqlw76DcASIj6sFS0QogiXfAR9sGxfmVO4zAAAAAElFTkSuQmCC" alt="" />
input text文本框内部最后面放一个按钮的更多相关文章
- html5与js关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick="select();"。做购物车页面时会要用到。
关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="s ...
- HTML中让表单input等文本框为只读不可编辑但可以获取value值的方法;让文本域前面的内容显示在左上角,居中
HTML中让表单input等文本框为只读不可编辑的方法 有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使input text的内容,中国两个字不可以修改 有时候,我们希望 ...
- jquery选中将select下拉框中一项后赋值给text文本框
jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件. ...
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
js中对arry数组的各种操作小结 最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊 ...
- js获取子节点和修改input的文本框内容
js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点 ...
- 【Unity笔记】UGUI的Text文本框的大小随着文本字数变化
需求:UGUI的Text文本框的内容会随着文本字数多少/换行而自动改变大小. 给Text加一个Content Size Filter组件(脚本),设置Horizontal Fit和Vertical F ...
- RookeyFrame Bug 编号显示 系统自动生成 的问题,有时候依旧会显示text文本框
编号显示 系统自动生成 的问题,有时候依旧会显示text文本框 1.在线新建model -> 启用编码规则 -> 新建字段Code(主键) 2.跟Code字段 创建编码规则 3.新增菜单 ...
- Tkinter 之Text文本框标签
一.参数说明 语法 作用 t=tk.Text()t.insert(END,'插入的文本信息') INSERT:光标的插入点CURRENT:鼠标的当前位置所对应的字符位置END:这个Textbuffer ...
- HTML:<input type="text">文本框不可编辑的方式
1.<input type="text" name="name" value="姓名" disabled /> 该方式显示的文本 ...
随机推荐
- MYSQL的索引和常见函数
MySQL的索引 索引机制 MySQL属于关系型数据库,为了提高查询速度,可以创建索引. 索引:由表中的一个或多个字段生成的键组成,这些键存储在数据结构(B树或者hash表中),于是又分为B树索引(I ...
- Artech的MVC4框架学习——第四章Model元数据的解析
总结: 第一Model元数据是针对 数据类型的一种表述信息. 第二Model元数据作用:控制数据类型本身及其成员,通过相应的特性,在view中 为绑定的数据(Model)实现模版化的html呈现. 第 ...
- iptables黑/白名单设置(使用ipset 工具)
ipset介绍 ipset是iptables的扩展,它允许你创建 匹配整个地址集合的规则.而不像普通的iptables链只能单IP匹配, ip集合存储在带索引的数据结构中,这种结构即时集合比较大也可以 ...
- vue--父子组件的传值
什么是父子组件? 组件中引入组件,被引入的组件就是子组件.例如在 Hello.vue 组件中引入 Header.vue 组件,那么 Hello.vue 就是父组件,Header.vue就是子组件. 一 ...
- IE 兼容一问题一小记
记录一下上一周做的一个门户网站!因为兼容问题折腾了我一天时间,今天有空了就把其中坑记录一下! 1.轮换效果不能显示出1.2.3... (ie7不行,大于ie7的可以),原因就是因为,js对象的最一个个 ...
- UVA 11768 - Lattice Point or Not
首先本题需要用到扩展欧几里得算法…… 关于exgcd算法的一点简略证明: 那么,对于函数exgcd(a,b)=(d,x,y),其中d满足d=gcd(a,b); (x,y)满足ax+by=d; 则exg ...
- EF 性能调优
--EF 批量增删改 http://www.cnblogs.com/lori/archive/2013/01/31/2887396.html http://www.cnblogs.com/gzalrj ...
- 基于express + express-myconnection 的请求处理模板
前提: 开发APP时经常会用到后台提供的接口,作为一个一直搞前端的程序员.如何写后台这事不能真的一窍不通把.所以还是多多少少了解一些后台. 以前尝试过用java 的spring + springMVC ...
- 正向代理 forward proxy、反向代理 reverse proxy、透明代理 transparent proxy nginx反向代理原理和配置讲解 防止外部客户机获取内部内容服务器的重定向 URL 缓存命中
[大型网站技术实践]初级篇:借助Nginx搭建反向代理服务器 - Edison Chou - 博客园http://www.cnblogs.com/edisonchou/p/4126742.html 图 ...
- 网络解析(一):LeNet-5详解
https://cuijiahua.com/blog/2018/01/dl_3.html 一.前言 LeNet-5出自论文Gradient-Based Learning Applied to Docu ...