qq_36800701的博客

参考博客：https://www.cnblogs.com/xiaohuochai/p/5456695.html

IOS中，<label> <span>美化checkbox的元素</span> <input type="checkbox" /></label>在web中一般都会隐藏掉checkbox，然后用span来做美化input标签，所以当我们点击label元素的时候其实是会点击到label元素的；但是，在IOS中并不能，在IOS中...

px2rem构建项目 (vue-cli3.0)vue create hello-world (Manuall select features)安装 px2rem-loader(devDependencies)npm install px2rem-loader --save-dev移动端适配解决npm包 “lib-flexible” (dependencies)npm instal...

两端对齐，有时候不起作用，不知道为啥，但是网上的方案是在标签后面加一个空白的标签，然后再设置样式我这里用less做了一下“封装”// 两端对齐 .text-justify () { text-align: justify; &:after { content: " "; display: inline-block; width: 100%; ...

mian-mes { background: #fff; padding-top: px2rem(100); .car-name { text-align: center; margin: 0; padding: 0; font-size: px2rem(30); line-height: p...

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no&

原理:&lt;div&gt;    &lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;/pre&gt;    &lt;textarea&gt;&lt;/textarea&gt;&lt;/div&gt;将textarea绝对定位，并在oninput事件中，把内容同步到pre的span中，字体，行高设置相同，就能把div撑开。需要注意pre要设定自动换行的

先看以下代码HTML:<div class="box"> <div class="left"> <h1>左侧</h1> </div> <div class="right"> <h1>右侧侧</h1> </div></div>CSS:.left{ float: left}.right{ float: right;}

HTML&lt;div class="box"&gt; 多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出多行文本溢出&lt;/div&gt;CSS.box{    width:200px;     border: 1px red solid; display...

input:disabled, input[disabled]{ color: red; -webkit-text-fill-color:red; -webkit-opacity:1; opacity: 1; }

一般来说我们美化表单用纯CSS就可以实现了，但是，在手机端有一些问题的(我在用MUI做混合APP的时候发现用label标签包着input会错乱);所以，我只能补充一点JS代码了;下面是例子HTML<div class="box"> <input type="checkbox" name="a[]" id="" value="1" /> <span class="iconfont">这

复选框作为网页中比较常见的一个组件，有的时候我们需要对它进行美化，但是我们无法直接为其定义样式，所以我们需要一些其它的办法。表单元素中有label 元素和 for属性，当我们点击label 标签时，对应的表单元素就会有所反应。我们就是依据这个特性来实现的。 既然是自定义，我们就要把label 伪装成复选框的样子，比较常见的是方框状，所以我们就有了如下的CSS样式。myC