
css
文章平均质量分 54
梨童就是小梨童呀
这个作者很懒,什么都没留下…
展开
-
【微信小程序实现悬浮框可拖动】
微信小程序实现小图标悬浮拖动移动在电商平台常见的开发中,或多或少的设计图中都会牵扯到小图标悬浮的设计,当图标可以移动时,可增加页面的设计排版灵活性,下面贴出效果图JSWXMLwxss图标素材下载地址:...转载 2022-06-13 11:12:43 · 1903 阅读 · 1 评论 -
移动端无缝滚动效果
移动端无缝滚动HEML<div class="t-new-scroll" style="position: relative; " id="ul1"> <ul class="ul1" style="position: absolute;overflow: hidden;"> <li> <div> <img src=...原创 2019-11-25 15:46:17 · 320 阅读 · 0 评论 -
移动端纯css超出盒子出现横向滚动条
案例<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <meta content="maximu转载 2018-09-03 14:40:20 · 5333 阅读 · 0 评论 -
用css设置input, placeholder字体颜色值
效果图如下 css 写法 input::-webkit-input-placeholder { /* WebKit browsers */ color: #f00;}input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00;}input::-moz-placeholder { ...原创 2018-09-06 11:41:56 · 9886 阅读 · 2 评论 -
实现一个两栏布局,左边固定宽度,右边自适应?
1、利用 calc 计算宽度的方法css代码如下:.box{overflow: hidden;height: 100px;margin: 10px 0;}.box>div{height: 100%;}#box1>div{float: left;}.left1{width: 100px;background: yellow;}.right1{background: #09c;...转载 2018-10-13 11:37:18 · 701 阅读 · 0 评论 -
美化input=checkbox 复选框样式
HTML<div id="input-check"><input type="checkbox"class="input_check" id="check02"><label for="check02" class="mr10"></label><./div原创 2019-01-27 16:52:56 · 916 阅读 · 0 评论 -
table表头css写法
html<div class="box_table"> <div class="myTable"> <table class="myThead " > <thead> <tr class="fff"> ...翻译 2019-07-16 10:46:27 · 2366 阅读 · 0 评论 -
input标签type为number时如何去除加减按钮效果
我们在使用input type = number 时 只想输入数字时 会出现如下图所示的效果 显然这不是我们想要的只需要我们简单把css样式改变下即可/* 谷歌 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearan...原创 2019-07-17 11:29:51 · 4373 阅读 · 0 评论 -
input标签 number类型输入框清除上下加减按钮
<input type="number" value=''> <style> input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ ...原创 2019-08-31 14:10:16 · 1708 阅读 · 0 评论