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 /> 该方式显示的文本 ...
随机推荐
- jQuery属性操作(二)
挂载到$上的几个属性操作方法分析,发现属性操作用到了sizzle封装的方法 attr: function( elem, name, value ) { var hooks, ret, ...
- [原]linux下将网卡设置为混杂模式
设置为混杂模式ifconfig eth2 promisc取消设置ifconfig eth2 -promisc ------------------------------------------ 下面 ...
- 使用正则表达式来截取nginx中的内置变量
nginx 中的内置变量都可以通过 if 指令 + 正则表达式来进行截取,截取之后的结果通过正则表达式的分组来进行引用 比如:从请求中传过来的一个名为 ssl_client_s_dn 的变量,它的值是 ...
- 【CF875F】Royal Questions 最小生成基环树森林
[CF875F]Royal Questions 题意:国王的n个王子该结婚了!现在从外国来了m位公主,第i位公主的嫁妆是wi.由于进步思想的传播,每个公主在选择配偶的事情上是有自主权的,具体地,每个公 ...
- java.util.concurrent.ExecutionException: org.apache.catalina.LifecycleException
启动spring boot项目的时候遇到了报错: -Sep- ::15.513 INFO [main] org.apache.catalina.core.StandardService.startIn ...
- Docker学习计划二:基本配置
来源:http://www.ityouknow.com/docker/2018/03/07/docker-introduction.html Docker 将应用程序与该程序的依赖,打包在一个文件里面 ...
- 慕课学习--DNS的作用
因为相对于32位的IP地址,人对域名更加敏感,也更容易记忆.所以一般都是把IP地址转化为域名进行网页的访问. DNS(Domain Name System,域名系统),万维网上作为域名和IP地址相互映 ...
- python实现简单购物车系统(练习)
#!Anaconda/anaconda/python #coding: utf-8 #列表练习,实现简单购物车系统 product_lists = [('iphone',5000), ('comput ...
- poj3168 Barn Expansion【计算几何 平面扫描】
Farmer John has N (1 <= N <= 25,000) rectangular barns on his farm, all with sides parallel to ...
- 使用IntelliJ IDEA进行Python远程调试的需求(未完)
使用IntelliJ IDEA进行Python远程调试的需求(未完) 在研究深度学习Machlearning时,有时候需要借助ubuntu搭建的tensorflow环境,另外也有越来越多的运算程序只能 ...