去除input默认带的上下按钮与修改placeholder的默认颜色、背景、placeholder内容的大小

有时候需要用input元素中type属性值为number时,会出现默认的上下按钮, 去掉input默认的上下按钮:兼容性写法如下 input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button{ -webkit-appearance:none !important; } //兼容火狐浏览器 input[type='number']{ -moz-appearance:t…

去除IE10自带的清除按钮

最近在工作中碰到了一个问题,原本在IE8,IE9下正常的input表单,在IE10下会出现清除按钮,即表单右侧会出现一个可以清除该表单内容的小叉.由于之前一直没有兼容过IE10,所以我专门搜了下原因.发现,该功能是微软在IE10上新添加的功能,用于快速清空表单值. 而问题是,工作中使用到的表单控件以及日期组件右侧有清除图标以及日历图标,这使得在IE10下,input表单右侧会出现图表叠加的情况--即控件自带的图标和IE10自带的清除按钮重叠.很明显,这影响了用户体验,所以当务之急是去除或隐藏该按…

去除input 在 webkit内核浏览器选择历史时，有一个黄色背景

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } http://www.imooc.com/article/14561…

去除input标签点击时的默认样式

去除input标签点击时的默认样式的方法 outline:none; //去除点击时的边框 border : none; //去除input框的边框…

用css去除chrome、safari等webikt内核浏览器对控件默认样式

有这么一个webkit的私有属性: -webkit-appearance:none; /*去除input默认样式*/ 添加该样式,并且值为'none'时即可取消浏览器对于控件的默认样式. 另外这个属性也有个神奇的地方~ 他可以用来调用显示浏览器对各种控件的默认样式, 比如: 我是span啊亲!! 那么他所显示的效果就是button标签的自带样式. 哈觉得挺有趣的~ 另外这个属性可以用来去除Iphone上面那个恶心的超大圆角的按钮默认样式,从而使自己编辑的按钮样式显示正常. 下面是这个属性可能会…

jquery ui 常用（一）（自动完成 | 标签页 | 折叠面板 | 带图标的按钮 | 日期选择器| ）

条件,引用3个文件 jquery-ui.min.css; jquery.min.js; jquery-ui.min.js. 一.自动完成 http://www.w3cschool.cc/jqueryui/example-autocomplete.html var availableTags = [ "ActionScript", "AppleScript"]; $( "#mytags" ).autocomplete({ …

改变按钮在iPhone下的默认风格

-webkit-appearance: none; "来改变按钮在iPhone下的默认风格,其实我们可以反过来思路,使用"appearance"属性,来改变任何元素的浏览器默认风格,简单的说,你可以使用"appearance"属性将"段落p"渲染成button的风格,也可以渲染成"输入框"."选择框"等效果.…

WPF自定义控件之带倒计时的按钮--Button

1.说明之前做过一个小项目,点击按钮,按钮进入倒计时无效状态,计时完成后,恢复原样,现在就实现该效果---带倒计时的按钮 2.效果 1)正常状态 2)MouseOver(只有背景色变化) 3)点击进入无效状态 4)在无效状态下计时 5)恢复正常状态 3.XAML代码  <!-- <Style x:Key="TimerBtnStyle" TargetType=&q…

【传】玩转Android---UI篇---ImageButton(带图标的按钮)

原文网址:http://hualang.iteye.com/blog/964049 除了Android系统自带的Button按钮一万,还提供了带图标的按钮ImageButton 要制作带图标的按钮,首先要在布局文件中定义ImageButton,然后通过setImageDrawable方法来设置要显示的图标. 注意: 我们可以在布局文件中就直接设置按钮的图标,如 android:src="@drawable/icon1" 我们也可以在程序中设置自定义图标 imgbtn3.setImage…

添加类似navigationController自带的返回按钮

添加类似navigationController自带的返回按钮,效果如下: 一.UINavigationcontroller自带的navigationBar 是无法添加左箭头的返回按钮的在网上搜索了一下但是真的有方法可以添加成功,但是前提是该 navigationBar不是NavigationController自带的. 如果是自带的navigationBar就无法添加成功,会出现 Terminating app due to uncaught exception 'NSInternalIn…

bootstrap带图标的按钮与图标做连接

bootstrap通过引入bootstrap的JS与css文件,给元素添加class属性即可. 使用图标只需要加入一个span,class属性设置为对应的图标属性即可.图标对应的class属性可以参考菜鸟教程: http://www.runoob.com/bootstrap/bootstrap-glyphicons.html 带图标的按钮:…

canvas实现点击带水纹的按钮

咱今天在闲逛网页时,看到一个点击带水纹的按钮特效,尼玛,写的还挺好,先看效果: 于是就奔着升级版的拿来主义,别人的好东西,咱都要拿来滴,so,扒代码! 完整代码在最后,是经过我的改进优化滴. 在这里先分析一下功能,就两个核心点. 1.获取当前鼠标点击位置,注意这里要用 offsetX/Y,不能用screenX/Y或者clientX/Y,他们三个的区别可以上网搜一下,这里就不说了. 2.以获取到的点击位置为中心点,利用html的canvas画布画半透明的圆,这里为了体现水纹的动态扩展效果,要设置一…

微信小程序自动去除input空格的方法

当用户输入账号或者密码的时候,可能会有输入空格的情况,但是实际需要是不能够有空格的,所以我们要做一个去除空格,并且适应所有input的name参数的方法,下面请看源码: wxml: <input type='text' data-name='account' value='{{account}}' name="account" bindinput='verification' bindblur='account_val'></input> js: verific…

[转]WPF自定义控件之带倒计时的按钮--Button

1.说明之前做过一个小项目,点击按钮,按钮进入倒计时无效状态,计时完成后,恢复原样,现在就实现该效果---带倒计时的按钮 2.效果 1)正常状态 2)MouseOver(只有背景色变化) 3)点击进入无效状态 4)在无效状态下计时 5)恢复正常状态 3.XAML代码 1   <SolidColorB…

去除input边框 input去除边框去除input获取焦点时的蓝色外边框

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>去除input的边框</title> <style> input{text-indent: 1em;} #search1{ } #search2{ border-width: 0; } #search3{ border:1px solid red; } #search4{ outlin…

WPF开发随笔收录-带递增递减按钮TextBox

一.前言今天分享一下如何实现带递增递减按钮的TextBox控件二.正文 1.之前的博客分享了一篇自定义XamlIcon控件的文章,这次就直接在那个项目的基础上实现今天这个自定义控件 2.首先添加两个图标资源,一个增加的按钮,一个减小的按钮,具体过程可以参考我之前写的文章 3.接着新增一个自定义控件,如图所示那个 4.添加后,项目中还会生成一个Themes文件夹,里面还有一个Generic.xaml的文件,这个文件可以用来写控件样式的,里面会自动生成一个最基础的控件样式,而那个NumberTe…

好程序员带你了解一下HTTPS和SSL/TLS协议的背景与基础

>> 相关背景知识要说清楚 HTTPS 协议的实现原理,至少需要如下几个背景知识. 大致了解几个基本术语(HTTPS.SSL.TLS)的含义大致了解 HTTP 和 TCP 的关系(尤其是“短连接”VS“长连接”) 大致了解加密算法的概念(尤其是“对称加密与非对称加密”的区别) 大致了解 CA 证书的用途考虑到很多技术菜鸟可能不了解上述背景,俺先用最简短的文字描述一下.如果你自认为不是菜鸟,请略过本章节,直接去看“HTTPS 协议的需求”. 先澄清几个术语——HTTPS.SSL.TLS 1…

HTML5 input新增的几种类型（数字、日期、颜色选取、范围）

你可能已经听说过,HTML5里引入了几种新的input类型.在HTML5之前,大家熟知的input类型包括:text(输入框),hidden(隐藏域),submit(提交按钮)等.而HTML5到来之后,新增的input类型包括:number(数字),date(日期),color(颜色),range(范围)等等.网上之所以还没有大量的出现对这些新型的input类型的使用,是因为还有很多人在使用古老的IE6/IE8,只有当使用这些古老浏览器的人所占的比例可以忽略不计时,那就是HTML5主导天下之日,…

PHP实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中

PHP实现单击“添加”按钮增加一行表单项,并将所有内容插入到数据库中效果图: html+jquery: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script language="javascript" type="text/javascript" src=&qu…

移动端默认返回按键，使用h5+修改默认事件

hbuilder的h5+提供开发webapp的诸多便利,很多手机自带back虚拟按键,如果不修改其默认事件,点一下app就退出了,所以我这里提供一种修改这个按键默认事件事件的代码. 首先你要用hbuilder创建一个移动项目,选择空模板,然后将你项目文件全部粘贴进去,首先在你的首页index.html添加如下代码, <script> document.addEventListener("plusready", function() { // 注册返回按键事件 plus.ke…

修改ssh远程默认端口

修改ssh远程默认端口 Linuxssh端口修改 1. 修改ssh配置文件 [root@distzabbix ~]# vim /etc/ssh/sshd_config 找到第17行附近#Port 22 将#注释去掉,再新加一行Port 4522 15 # semanage port -a -t ssh_port_t -p tcp #PORTNUMBER 16 # 17 Port 22 18 Port 4522 19 #AddressFamily any 20 #ListenAddress 0.0…

修改Yii2的默认语言language为中文zh-CN的方法

如果用的语言是en-US的话,网页加载速度很慢,因为要加载国外镜像或者链接什么的,使用zh-CN就直接加载国内链接或者CDN,速度比较快: --------------------------------------------------------------------------------------------------- 在开发Yii2的情况下,有时候遇到错误的情况下(例如model下面的错误提示信息), 希望提示信息默认为中文,这个时候就需要修改Yii2的默认语言,最直观的方式…

Qt::QWidget 无默认标题栏边框的拖拽修改大小方式

开发环境:win10+vs2015+qt5.9.1 背景:开发过程中,一般很少会使用系统提供的标题栏和边框:往往都是自定义一个自己设计的方案.这时候在QWidget中需要加上flag:Qt::FramelessWindowHint(实现方式很容易百度就不再赘述).但是这样带来的问题就是系统自带的标题栏边框提供的拖拽移动和拖拽修改窗口大小的功能被废弃掉.这样就需要自己实现一个方案来提供这个功能. 实现:拖拽移动在很多文章中都应该有介绍了,代码也非常简单,不再赘述,主要讲一下拖拽修改窗口大小的方式:…

css总结4：input 去掉外边框,placeholder的字体颜色、字号

1 input 标签去除外边框: 在进行webAPP开发时,input外边框非常影响美观,去除外边框方法如下: <input style="border: 0px;outline:none;cursor: pointer;" type="text" placeholder="请输入手机号"> 解释: “border: 0px:” 去除 placeholder 外的边框 “outline:none;” “去除点击input框时显示的边框…

如何修改 WordPress 的默认 Gravatar 头像

如何修改 WordPress 的默认 Gravatar 头像? wordpress默认的头像是下面这种在Settings的Discussion中,默认选择第一个Mystery Person, 意思是,如果访客有自己的Gravatar头像就显示自己的,如果没有就显示网站指定的. 一开始我是直接点击右上角的头像,想直接进去换头像的,然后就点击Gravatar进入Gravatar网站,这个网站是根据你的邮箱,设置你的头像, 也就是在这个网站设置好头像后会同步到wordpress的头像中,而Setti…

修改Jupyter Notebook默认文件存储路径（已安装Anaconda）

https://blog.csdn.net/weixin_44799144/article/details/91823079 修改Jupyter Notebook默认文件存储路径首先,安装好Anaconda之后,我们需要打开Anaconda Prompt,可以在开始菜单里寻找.然后在命令行里输入: jupyter notebook --generate-config1这样就会显示jupyter_notebook_config.py文件路径,找到文件后用任意文本编辑器打开,然后找到以下两行: ##…

修改Apache的默认站点目录的方法，需要的朋友可以参考下

由于博客系统崩了,所以要考虑重新建立博客系统,首先遇到的一个问题就是原来的博客系统是安装一个独立的磁盘上面的(http://m.0834jl.com)不是安装在系统盘上面的,然而一般在linux下面安装的apache的默认目录是在/var/www这个目录下面,所以在这里遇到的第一个问题就是怎么转换apache的默认安装目录.经过网上的查找,写了如下总结,主要是为了自己以后遇到同样的问题能更快的查找,同时如果能帮到能用上的人,那就再好不过了.方法如下: 修改apache2的默认文档目录(默认是在/…