怎么让input输入框最右侧一直默认有百分号

在input 后面加就可以了

html：

<div class="box_list">

<input type="text" /><span>%</span>
</div>

css：

.box_list{

overflow: auto;

border: 1px solid #ccc;

display: inline-block;

height: 30px;

line-height: 30px;
}
.box_list input{

height: 28px;

float: left;

border: none;

outline: none;
}

.box_list span{

float: left;

}

怎么让input输入框最右侧一直默认有百分号相关推荐

php清除h5格式,移动端H5页面端怎样除去input输入框的默认样式
这次给大家带来移动端H5页面端怎样除去input输入框的默认样式,移动端H5页面端除去input输入框的默认样式的注意事项有哪些,下面就是实战案例,一起来看一下. 前两天在开发在微信访问的HTML5页 ...
html5首页图标怎么除掉,移动端H5页面端如何除去input输入框的默认样式
移动端H5页面端如何除去input输入框的默认样式发布时间:2020-09-29 16:41:58 来源:亿速云阅读:124 作者:小新这篇文章主要介绍了移动端H5页面端如何除去input输入框 ...
HTML5中input输入框默认提示文字向左向右移动
HTML5中input输入框默认提示文字向左向右移动首先演示input输入框代码 <style>* {margin: 0;padding: 0;}.sousuo {width: 458p ...
html输入框初始输入法,【报Bug】input输入框聊天页面，如果输入法默认是全屏手写，input会被挡住，这个能解决吗？...
## 详细问题描述 (DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题) [内容] 客户是用的这 ...
HTML Input输入框自定义required的提示内容（默认值：请填写此字段）
在input输入框中添加oninvalid和oninput属性 <input type="text" required="required" oninva ...
css3搜索框呼出键盘,移动端 input 输入框实现自带键盘“搜索“功能并修改X
主要利用html5的,input[type=search]属性来实现,此时input和type=text外观和功能没啥区别: html代码入下: 但要实现点击键盘右下角搜索,来发送请求,js代码如下( ...
Firefox浏览器中，input输入框输入的内容在刷新网页后为何还在？
转自:http://www.webym.net/jiaocheng/473.html 这个问题比较容易解决,如果不希望浏览器保留以前输入的内容,只要给对应的 input 输入框加上以下参数: auto ...
点击底部input输入框，弹出的软键盘挡住input（苹果手机使用第三方输入法）
测试移动端页面的时候,偶然发现点击底部input输入框时,弹出的虚拟键盘偶尔会挡住input输入框. 输入框固定在页面底部,如图所示: input固定底部设计图.png 点击底部input输入框唤起软 ...
element 输入框点击事件_Element Input输入框的使用方法
本文来源于Element官方文档: 基础用法带图标的输入框(属性方式) placeholder="请选择日期" suffix-icon="el-icon-date&qu ...

怎么让input输入框最右侧一直默认有百分号

怎么让input输入框最右侧一直默认有百分号

怎么让input输入框最右侧一直默认有百分号相关推荐

最新文章

热门文章