input
歌颂大海
这个作者很懒,什么都没留下…
展开
-
图片裁剪(压缩,裁剪图片)
原理:先固定canvas的宽高,把整张图片放到canvas中,这时整张图片就已经同比例缩小了,再获取canvas缩小的图像数据,转成base64 。如果对截取的高度有要求,会从中心位置上下截取要求的高度。效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport content=" width="device-w原创 2021-07-22 12:16:57 · 376 阅读 · 2 评论 -
图片裁剪(个人中心的头像)
不是正方形的图片按照宽高最小的一边截取成正方形的图片,原点是中心位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport content="width="device-width, initial-scale=1.0"> <meta http-equiv="x-ua-compatible" conte原创 2020-12-14 14:05:59 · 195 阅读 · 1 评论 -
input复选框
<html> <head> <meta charset="utf-8"> <style> input[type="radio"] { width: 16px; height: 16px; opacity: 0; } label { position: re...原创 2019-03-28 17:39:50 · 953 阅读 · 0 评论 -
图形验证码
imgVerifyCode: 'http://xxxxxxx&num=' + Math.floor(Math.random() * 10000)原创 2018-11-27 12:10:17 · 263 阅读 · 0 评论 -
switch滑动切换按钮样式
<input class="mui-switch mui-switch-animbg" ng-checked="checked==true" ng-click="switchTab()" type="checkbox">.mui-switch { width: 40px; height: 20px; position: relative; b...原创 2018-11-23 15:34:58 · 712 阅读 · 0 评论 -
input--checkbox样式
<label class="my-checklist-label"> <input type="checkbox" class="my-checkbox-input" value="选项B"> <span class="my-checkbox-core"></span> &a原创 2018-11-23 16:36:26 · 847 阅读 · 0 评论 -
ios下input框光标得高度问题
不要在input上加height和ine-height!不要在input上加height和ine-height!不要在input上加height和ine-height!用padding撑开,要不ios下难看得一匹原创 2018-11-21 17:58:52 · 877 阅读 · 0 评论 -
小程序中底部position:fixed固定在底部 弹出软键盘会把底部遮挡
直接在input上加cursor-spacing属性比如:cursor-spacing="20"原创 2018-11-01 14:00:07 · 2733 阅读 · 0 评论 -
ios input 聚焦调起软键盘 问题
ios下input不支持自动聚焦,可通过点击按钮调起软键盘<input type="text" id="input-elem"><button id='btn'>测试</button><script>var button = document.getElementById('btn');var inputElem = docume...原创 2018-08-02 09:51:56 · 3444 阅读 · 0 评论 -
input输入框样式写法
class="cells"> class="tb-metatit-num"> role="button" class="number__decrease decreasel" @click="minu(item)">class="el-icon-minus"> role="button" class="number__increase decreaser" @click="ad原创 2018-02-05 09:21:20 · 3142 阅读 · 0 评论 -
去除 chrom input输入框黄色背景
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } input[type=text]:focus, input[type=password]:focus, textarea:focus { -webki原创 2018-01-11 09:05:37 · 219 阅读 · 1 评论