去除img默认的边框】的更多相关文章

//当img属性src没有值时,会有难看的边框和难看的一个小图 有什么办法去掉呢? <img  src=" " /> //不要这样写 <img   />  //这样写 然后,css如下 img:not([src]) {     opacity: 0; }   可以去掉img的难看的边框和难看的一个小图…
最近写在线主页时发现IE浏览器下a标签嵌套img标签默认带有边框: 解决办法:img{border:0 none;} 注意,严格意义上0和none都要加上!…
-webkit-appearance: none;    去除浏览器默认样式…
button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-right:14px; box-sizing:border-box; font-size:18px; text-align:center; text-decoration:none; line-height:2.55555556; border-radius:5px; -webkit-…
最近在做一个小游戏时发现了一个问题,总是在弹出img时先出现一个灰色的边框,所以为了查找问题,查找了一些关于img 默认边框的小知识点. 在这里整理了一些知识点: 一. 下面代码都试验过后会发现,img会有外边框,这个也是使用img元素的一个坑 一般在img为空时出现,因为浏览器找不到图,就会用一个边框来代替 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>…
在小程序开发过程中,使用率蛮高的组件button,因为经常要去除默认样式,然后再自定义样式,所以经常写,自己也总结分享一下简单的实现步骤. (一)实现效果1.实现前(默认样式): 2.实现后(去除默认边框和背景色): (二)实现过程1.使用::after 伪类选择器,因为button的边框样式是通过::after方式实现的,如果在button上定义边框就会出现两条边框线,所以我们可以使用::after的方式去覆盖默认值. button::after {   border: none;} 2.还需…
前端开发写的input文本框标签后单击时可以看到有边框,去除边框的方法: input{     outline:medium; }…
UINavigationbar的属性translucent,用来控制导航条的透明度的: iOS7+版本后,navigationbar的translucent属性默认为YES,及默认带有透明度 [self.navigationController.navigationBar setTranslucent:YES]; 接下来,我们说说为什么要去除透明度: 在做项目过程中,美工给出的效果图,根据给出的颜色值(或用取色工具取到的颜色值)去设置导航的颜色时, //ios7以下的版本设置导航栏背景颜色可以使…
在默认情况下,点击 a 标签,input,或者添加click事件的时候,浏览器留下一个轮廓外框(chrome之下为蓝色)~ 然而这些默认的轮廓外框,有时候很影响美观,并不是我们想保留的. 我们应如何消除这些讨厌的 轮廓外框呢? 使用outline:none去除轮廓外框 如: a{ outline:none; } PC端轮廓外框消失了,然而发现在手机上依然存在~~ 这时候添加如下代码便可 a{ outline:none; -webkit-tap-highlight-color:rgba(0,0,0…
开发环境:win10+vs2015+qt5.9.1 背景:开发过程中,一般很少会使用系统提供的标题栏和边框:往往都是自定义一个自己设计的方案.这时候在QWidget中需要加上flag:Qt::FramelessWindowHint(实现方式很容易百度就不再赘述).但是这样带来的问题就是系统自带的标题栏边框提供的拖拽移动和拖拽修改窗口大小的功能被废弃掉.这样就需要自己实现一个方案来提供这个功能. 实现:拖拽移动在很多文章中都应该有介绍了,代码也非常简单,不再赘述,主要讲一下拖拽修改窗口大小的方式:…
这个问题出现在IE7中,因为body有默认的border.这个原因是由于声明引起的. 加了这个头就可以了 * {border:0;} 以上的 CSS 在 XHTML 下是无效果的,将 DOCTYPE 设为 HTML4 即可: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">…
我们在做制作注册页面时,经常会需要消除Input带来的边框,这时候我们需要用到两个属性 一个是input在非激活状态下,不现实边框,代码规则为 border:none:同时当鼠标移到input输入框上时,需要用 outline:medium;来消除边框,具体代码如下 .table_box2{ height: 30px; width: 180px; border: none; float: left; zoom:1; outline: medium; 需特别注意点一点,在这里尽量不要使用borde…
主页面背影图片, 添加5个功能按钮,并设置按钮的Background和BorderBrush为Transparent,好像没有问题,运行效果 不仅有一个发光的边框,而且当鼠标经过时,按钮就不在透明, 解决方案1:设置Opacity为0 运行效果 就和一张图片是的,完美解决. 如果没有啥特殊的要求,可以简单的设置一句话,就可以去掉边框 解决方案2: <Button Content=" Background="Transparent" Foreground="#F…
小程序开发记录 小程序开发中, 有时候我们希望button不要有边框, 需要使用button::after来实现, 具体如下: .operations button::after{border:0 none;} 另外button的样式, 都是通过button::after伪类来实现的.…
input默认样式除border外, 还有一个阴影效果box-shadow:选中时同样有阴影效果. input,input:focus{ border: none !important; box-shadow: none !important; }…
有时候需要用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…
代码: <button class="btn">点击</button> 效果图: 目的:去掉 <button /> 默认样式中的 background 和 border 代码: .btn { background: none; border: none; } 效果图: 可以看到,background 没有了,但 border 仍然在 解决办法: .btn:after { border: none; } 效果图: 目的达到…
在做应用的时候,很多时候是不需要系统自带的标题栏的,而是自己去实现标题栏,这就要去掉系统的标题栏,下面总结了三种方法.全屏也是一样的道理,也总结了实现的三种方法. (一)去除标题栏 1.方法1 在Activity的onCreate方法中: requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉标题栏 //注意这句一定要写在setContentView()方法的前面,不然会报错的 但是这种方法的缺陷是,因为在onCreate方法中才去掉标题栏,所以在这…
p,ul,ol,li,dl,dt,dd { list-style-type: none; margin: 0; padding: 0;}…
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } /*以及圆角*/ .button{; }…
JB2/JB3/JB5/JB9版本: 1. 请修改 Launcher2/res/layout/qsb_bar.xml,如下:<include android:id="@+id/qsb_search_bar"layout="@layout/search_bar"android:visibility="gone" /> 添加android:visibility="gone"   2. 请修改Launcher2/res/…
border: none; resize:none; outline: none;…
/*<!---->去掉苹果短的样式*/ input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; }…
html的input输入框在Chrome浏览器里是有默认样式的,当它获得焦点时,即使你没有为它设置:focus时的样式,Chrome浏览器还是会给它加上蓝色的边框,今天百度找到有个方法可以去除该默认样式. 给需要去除默认样式的元素加上这么一条CSS属性: -webkit-appearance: none;…
使用默认的CMenu菜单类或者继承CMenu实现的菜单扩展类,在显示的时候最外层都会有边框出现,或者说是具有3D外观(菜单阴影不算),当改变菜单背景色或者需要加个边框线时就会看上去很不美观.看过很多菜单的自定义实现类,一般可以有两种方式来实现外框的移除.       第一种方法就是:自定义窗口,完全模拟菜单的实现,自给自足,倒是能够完全满足开发需要,不过实现的复杂让人头痛,此处略过不提. 下面介绍第二种比较简单直接的方法:安装钩子,在菜单创建时就改变其窗口属性.其实菜单应该也算是一个窗口类,不过…
button默认有边框,边框用“border : none”去掉就不可以,边框依然存在, 使用 button::after{ border: none; } 来去除边框,边框就没了 wxml: <button class="bf_input_down" formType="submit">开始配对</button> wxss: .bf_input_down{display: block;width: 124px;height: 36px;ba…
去除input标签点击时的默认样式的方法 outline:none; //去除点击时的边框 border : none; //去除input框的边框…
转载地址:http://www.cnblogs.com/PeunZhang/archive/2013/02/28/2907708.html 去年年底,做完最后一个项目就可以开开心心回家,可是在测试阶段,发现了不少bug,为了不影响回家时间,加班加点也要解决这些问题,这里算是工作回忆,也算是工作的一点小总结. 在ios4+和android2+系统,当手指触摸屏幕a标签链接或按钮时,会产生不同的效果,对于ios点击元素的时候,就会出现一个半透明的灰色背景:对于android则出现红色的边框.对这2个…
去年年底,做完最后一个项目就可以开开心心回家,可是在测试阶段,发现了不少bug,为了不影响回家时间,加班加点也要解决这些问题,这里算是工作回忆,也算是工作的一点小总结. 在ios4+和android2+系统,当手指触摸屏幕a标签链接或按钮时,会产生不同的效果,对于ios点击元素的时候,就会出现一个半透明的灰色背景:对于android则出现红色的边框.对这2个系统自带的效果,这种体验的意义无非为了告知用户按钮已经点击到,带来的价值是好的.可惜带来了体验的同时,也带来了bug...... 主要是在a…
我的技术博客经常被流氓网站恶意爬取转载.请移步原文:http://www.cnblogs.com/hamhog/p/3789052.html,享受整齐的排版.有效的链接.正确的代码缩进.更好的阅读体验. 有的时候,我们app的表单里既有单行的textField,又有多行的textView.而iOS 7以后默认的textField是加边框,而textView是不加边框的.为了让两者风格统一,我们需要给textView加上边框,而且还要是跟textField一模一样的边框! 所以,就涉及到以下几个问…