搜索结果
查询Tags标签： webkit，共有 70条记录-
隐藏input type='number'时自带的加减按钮
隐藏input type=number时自带的加减按钮，如图input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; } input[type=number] {-moz-appearance: textfield; }
2022/9/15 23:18:53 人评论 次浏览 -
CSS 字体超出省略号
单行省略号 用法： 为已有宽度的盒子添加属性:属性 取值 解释white-space nowrap 让文字在一行内显示, 不换行overflow hidden 当内容超过盒子宽度, 隐藏溢出部分text-overflow ellipsis 如果溢出的内容是文字, 就用省略号代替如图多行省略号多行省略号只能支持 webkit 内…
2022/9/14 6:16:19 人评论 次浏览 -
CSS 设置滚动条样式 ::-webkit-scrollbar
::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用. ::-webkit-scrollbar — 整个滚动条. ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头). ::-webkit-scrollbar-thumb — 滚动条上的滚动滑块. ::-webkit-scrollbar-track…
2022/8/28 6:24:05 人评论 次浏览 -
自定义滚动条样式不生效：横轴设置 height，纵轴设置 width
问题 在修改滚动条样式时，两个类名，一个地方生效，另一个地方不生效。 解决办法 捣鼓很久才发现，原来横轴要设置 height，纵轴要设置 width。// 滚动条的样式，高宽分别对应横竖滚动条的尺寸::v-deep .lib-table::-webkit-scrollbar, ::v-deep .pagination-container::…
2022/8/25 23:24:13 人评论 次浏览 -
css设置滚动条样式
//横向滚动条 .rongyuChoose {overflow-x: scroll; }.rongyuChoose::-webkit-scrollbar {/*滚动条整体样式*/width: 100px;/*高宽分别对应横竖滚动条的尺寸*/height: 6px; }.rongyuChoose::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;background-…
2022/8/2 23:24:14 人评论 次浏览 -
css 实现div内显示两行或三行，超出部分用省略号显示
css 实现div内显示两行或三行，超出部分用省略号显示 一、div内显示一行，超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、div内显示两行或三行，超出部分用省略号显示.line__3 {display: -webkit-box;overflow: hidden;text-ove…
2022/7/17 6:17:27 人评论 次浏览 -
清除关于input不同类型的默认样式
所有input通用样式input{display: block;outline: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-bottom: 30px; }1、input[type=button/submit/reset].input-wrapinput[type="button"], .input-wrapinput[type="su…
2022/6/10 23:21:30 人评论 次浏览 -
修改输入框placeholder 颜色
::-webkit-input-placeholder { /* WebKit browsers */color: #999;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #999;}::-moz-placeholder { /* Mozilla Firefox 19+ */color: #999;}:-ms-input-placeholder { /* Internet Explorer 10+ */color: #999;}（…
2022/4/15 6:15:42 人评论 次浏览 -
探讨小程序、React Native、Flutter
WebKit 在说小程序、React Native、Flutter 之前，必须要大致了解 WebKit 是什么。 WebKit 是一个 Web 浏览器引擎。何为引擎？众所周知，游戏有 Unreal 引擎、Unity 引擎，没有这些引擎，游戏开发者编写代码由谁来执行？所以，引擎是驱动代码的发动机。不同的 Web 浏览器…
2022/2/19 9:12:42 人评论 次浏览 -
node + node-webkit实现电脑文件信息扫描小插件
效果图 （部分） 配置文件 package.json {"main": "index.html","name": "tree","window": {"title": "tree","icon": "./favicon.ico","toolbar": true,"w…
2022/2/11 1:15:57 人评论 次浏览 -
css 自定义滚动条样式
我遇到的场景： 对于iframe窗口，自带滚动条是整个窗口的大小。有时需要顶部或底部固定，则滚动条不应该触碰到顶部或底部。 那么首先打开iframe时应该去掉滚动条 scrolling="no"，然后在需要滚动的区域自定义滚动条。<iframe frameborder="0" s…
2022/1/24 23:34:41 人评论 次浏览 -
开启GPU硬件加速的动画属性
并不是所有的CSS属性都能触发GPU的硬件加速，实际上只有少数属性可以，比如下面的这些：transform opacity filter对于transform，2D transform 动画在开始和结束时发生的 repaint 操作，因此建议采用以下方式 .example1 {transform: translateZ(0); }.example2 {transfor…
2022/1/24 6:07:22 人评论 次浏览 -
移动页面布局方案
@目录1. 移动端布局主流方案1.) 单独制作移动端页面（主流）2.) 响应式页面兼容移动端（其次）2. 移动端技术解决方案1.) 移动端浏览器兼容问题2.) 移动端公共样式 normalize3. 移动端大量使用 CSS3盒子模型box-sizing4. 移动端特殊样式1. 移动端布局主流方案 1.) 单独制…
2021/12/30 6:07:26 人评论 次浏览 -
移动页面布局方案
@目录1. 移动端布局主流方案1.) 单独制作移动端页面（主流）2.) 响应式页面兼容移动端（其次）2. 移动端技术解决方案1.) 移动端浏览器兼容问题2.) 移动端公共样式 normalize3. 移动端大量使用 CSS3盒子模型box-sizing4. 移动端特殊样式1. 移动端布局主流方案 1.) 单独制…
2021/12/30 6:07:26 人评论 次浏览 -
animate动画使用
文章目录 增加动画效果animate.css1: 在你static/css新增animate.css动画文件02、使用03、程序使用增加动画效果animate.css 1: 在你static/css新增animate.css动画文件 官网下载地址：https://animate.style/ 下载地址：https://cdnjs.cloudflare.com/ajax/libs/animate.…
2021/12/14 23:19:49 人评论 次浏览
