-
微信小程序按钮去除边框线分享页面功能
2020-10-18 03:37:25主要介绍了微信小程序按钮去除边框线分享页面功能，文中通过一段简单的代码给大家介绍了微信小程序的button去边框的方法，感兴趣的朋友跟随脚本之家小编一起看看吧 -
怎样将前端页面的文本边框去掉
2018-04-04 15:06:05前端静态页面或者动态页面，有时候开发前端需要将某些信息就显示在某个空白区域，不需要加啥边款啥的！<%@page pageEncoding="UTF-8"%> <%@include file="/common/common.jsp&...展开全文前端静态页面或者动态页面，有时候开发前端需要将某些信息就显示在某个空白区域，不需要加啥边款啥的！
<%@page pageEncoding="UTF-8"%> <%@include file="/common/common.jsp"%> <%@include file="/common/skins/skin0/component.jsp" %> <html> <!-- - Author(s): Administrator - Date: 2014-10-11 16:39:02 - Description: --> <head> <title>Title</title> <style> .asLabel .mini-textbox-border, .asLabel .mini-textbox-input, .asLabel .mini-buttonedit-border, .asLabel .mini-buttonedit-input, .asLabel .mini-textboxlist-border { border:0;background:none;cursor:default; } .asLabel .mini-buttonedit-button, .asLabel .mini-textboxlist-close { display:none; } .asLabel .mini-textboxlist-item { padding-right:8px; } </style> </head> <body> <script type="text/javascript" src="../common/nui/nui.js"></script> <div id="form1" > <table> <tr> <td> </td> <td> <input value="文本只读模式" type="button" οnclick="labelModel()" /> <input value="输入框模式" type="button" οnclick="inputModel()" /> </td> </tr> <tr> <td> <label for="textbox1$text">TextBox：</label> </td> <td> <input id="textbox1" name="username" class="nui-textbox asLabel" value="textbox" required="true" /> </td> </tr> </table> </div> <script type="text/javascript"> nui.parse(); var form = new nui.Form("form1"); function labelModel() { var fields = form.getFields(); for (var i = 0, l = fields.length; i < l; i++) { var c = fields[i]; if (c.setReadOnly) c.setReadOnly(true); //只读 if (c.setIsValid) c.setIsValid(true); if (c.addCls) { c.addCls("asLabel"); //增加asLabel外观 } } } function inputModel() { var fields = form.getFields(); for (var i = 0, l = fields.length; i < l; i++) { var c = fields[i]; if (c.setReadOnly) c.setReadOnly(false); if (c.removeCls) c.removeCls("asLabel"); } nui.repaint(document.body); } </script> </body> </html>以上是个示列，具体代码还需要改动一下，或者直接将labelmodel()方法嵌入，再是把前面的css样式引入所使用的jsp文件！
-
页面边框
2013-09-18 16:16:45你说俺的这个word文档里，怎么每页都有一个虚线的边框？ 秀秀：word？这你得请教俺，在这方面，俺比你强！ 阿金：去去去，还没说呢就自夸一下，这可不是你的风格！ 秀秀：算啦，告诉你吧，这叫“页面边框”。 ...展开全文页面边框
设计要点：word、页面设置、格式、边框
阿金：哎？你说俺的这个word文档里，怎么每页都有一个虚线的边框？
秀秀：word？这你得请教俺，在这方面，俺比你强！
阿金：去去去，还没说呢就自夸一下，这可不是你的风格！
秀秀：算啦，告诉你吧，这叫“页面边框”。
阿金：怎么弄上的呢？俺自己都不知道什么时候有的，怎么去掉？
秀秀：边框设置是在“格式”菜单中的，选择“格式”—“边框和底纹”进入边框和底纹设置，有“边框”、“页面边框”、“底纹”三个选项卡，其中“页面边框”是用来控制页面框架的，把它设置为“无”就行了。
阿金：噢，俺在WORD2010中，点“页面布局”-“页面边框”，嗯，出来了，就这么简单？！
秀秀：哟，这可不简单，它能把每一页都画上边框，如果不这样设定，那一页一页画，得多麻烦呐。
阿金：哎？边框里还有好多曲线形的呢，有意思。
秀秀：看看，挺厉害的吧
阿金：嗯，俺得看看excel里是不是也有，不能让你小看俺。
秀秀：不会有的
阿金：为什么？
秀秀：你想啊，本来表格就有那么条条框框，为什么还要加页面边框？
阿金：啊？这……
-
对前端页面的边框设置
2018-08-14 10:41:50二·如何对边框设置： １.<div style="text-align:center; vertical-align:middel;"><input type="text"></div> 这样你试试,应该就是左右 上下都...展开全文二·如何对边框设置：
１.<div style="text-align:center; vertical-align:middel;"><input type="text"></div>
这样你试试,应该就是左右 上下都居中了２.如果是让内容显示的居中：
<html>
<head>
<style>
body{TEXT-ALIGN: center;}
#center{ MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#F00;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body >
<div id="center"><p>test content</p></div>
</body>
</html>
input type="text",value文字设置居中但是明显有点偏右。。。怎么解决
{width: 30px; height: 15px; border: 1px solid #B1CEEC; text-align: center; padding: 0; }
让表单input等文本框为只读不可编辑的方法：
方法1: οnfοcus=this.blur() 当鼠标放不上就离开焦点
<input type="text" name="input1" value="中国" οnfοcus=this.blur()>方法2:readonly
<input type="text" name="input1" value="中国" readonly>
<input type="text" name="input1" value="中国" readonly="true">方法3: disabled
<input type="text" name="input1" value="中国" disabled="true">完整的例子:
<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className='input_1'" onMouseOut="this.className='input_2'" value="123456789" disabled="true" readOnly="true" />
disabled="true" 此果文字会变成灰色，不可编辑。
readOnly="true" 文字不会变色，也是不可编辑的css屏蔽输入：<input style="ime-mode: disabled">
有两种方法
第一：disabled="disabled"这样定义之后被禁用的 input 元素既不可用，也不可点击。
第二：readonly="readonly" 只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本，能取到里面的value值并且来用。
让文本域前面的内容在文本域的左上角显示：
<span style="float:left">车主评价：</span><textarea></textarea>让文本域前面的内容居中显示：
可以通过套表格实现：
<table><tr><td><span style="float:left">车主评价：</span></td><td><textarea></textarea></td></tr></table>
div设置外边框相关如下：
border-color:#000设置4边边框颜色为黑色；
border-color:+颜色值，即可设置对象边框颜色；
border-left-color:#000 设置左边框颜色为黑色；
border-right-color:#000 设置右边框颜色为黑色；
border-top-color:#000 设置上边框颜色为黑色；
border-bottom-color:#000 设置下边框颜色为黑色；
条件：必须设置对象边框存在，设置边框宽度必须大于或等于1px，边框颜色才会显示并有存在意义。
.divcss5{ border-style:solid; border-width:1px; border-color:#000}
这样就设置对象边框为实线边框，参数就是solid，边框宽度（厚度）为1px，边框颜色为黑色，这样设置边框颜色才会生效。
#rcorners1 {
border-radius: 25px;
background: #8AC007;
padding: 20px;
width: 200px;
height: 150px;
}#rcorners2 {
border-radius: 25px;
border: 2px solid #8AC007;
padding: 20px;
width: 200px;
height: 150px;
}#rcorners3 {
border-radius: 25px;
background: url(/images/paper.gif);
background-position: left top;
background-repeat: repeat;
padding: 20px;
width: 200px;
height: 150px;
}
</style>
</head>
<body><p> border-radius 属性允许向元素添加圆角。</p>
<p>指定背景颜色元素的圆角:</p>
<p id="rcorners1">圆角</p>
<p>指定边框元素的圆角:</p>
<p id="rcorners2">圆角</p>
<p>指定背景图片元素的圆角:</p>
<p id="rcorners3">圆角</p>如何限制HTML文本框里的内容不可更改
<input type="text" disabled="disabled" value="你想要显示的内容">
<input type="text" readonly value="你想要显示的内容">
两种方式都可以
去掉<li>标签的远点
方法一：
<ul>
<li style="list-style-type:none;">百度</li>
<li style="list-style-type:none;">雅虎</li>
<li style="list-style-type:none;">新浪</li>
<li style="list-style-type:none;">谷歌</li>
</ul>
方法二：
<style>
li {
list-style-type:none;
}
</style>
<ul>
<li>百度</li>
<li>雅虎</li>
<li>新浪</li>
<li>谷歌</li>
</ul>
方法三：
<style>
.aa {
list-style-type:none;
}
</style>
<ul>
<li class="aa">百度</li>
<li class="aa">雅虎</li>
<li class="aa">新浪</li>
<li class="aa">谷歌</li>
</ul>
<input type="submit" value="确定" style="background:green;color:red " />
-
移动端HTML5页面端去掉input输入框的白色背景和边框（兼容Android和ios）
2016-06-26 10:49:54前两天在开发在微信访问的HTML5页面，里面有个订单查询要选择时间，刚开始使用的输入框，没加任何的样式，效果是白色的背景再加上边框很丑，完 全与整个背景不协调。 刚开始设置了输入框背景色透明...展开全文前两天在开发在微信访问的HTML5页面，里面有个订单查询要选择时间，刚开始使用的<input type="date">输入框，没加任何的样式，效果是白色的背景再加上边框很丑，完
全与整个背景不协调。
刚开始设置了输入框背景色透明（background-color:transparent;），在ios上面背景色和边框都没有了，但是在andriod上边框和背景色还是存在。后来加上样式FILTER: alpha(opacity=0)，在andriod中就去掉了边框和背景。
去掉背景和边框比以前好看多了，但是因为类型是date,所以右边有个图标，感觉不协调，加上appearance:none;样式图标没了，比以前更好看了。下图是效果：
jsp 部分代码：
<div> <img src="<c:url value="/images/weixin/timeQ.png"/>" class="imgCen" οnclick="updateDate(-1);"/> <input type="date" name="queryDate" id="queryDate" value="" οnchange="changeDate();"/> <img src="<c:url value="/images/weixin/timeH.png"/>" class="imgCen" οnclick="updateDate(1);" style="margin-left: -8px;"/> </div>
输入框样式代码：
.date input[type=date] { background-color:transparent; color:#fff; FILTER: alpha(opacity=0); /*androd*/ appearance:none; /*下拉框去掉右侧图标*/ -moz-appearance:none; -webkit-appearance:none; }
-
微信小程序按钮去除边框线，分享页面
2019-09-21 11:48:21有一个需求是分享当前页面，使用美工的分享按钮图片来分享，而小程序分享功能只有button有 open-type="share"这个属性，使用image标签肯定不行。我是这样做的： <button open-type="share" style="height:... -
去除td边框
2019-06-11 14:57:56.tg .borderNone{border:none} .tg .borderNoneL{border-left-width:0px;border-top-width: 0px} .tg .borderNoneB{border-bottom-width:0px} ... -
jsp页面中input、textArea去除边框样式
2013-07-11 18:26:02去掉input的边框样式： style='border-left:0px;border-top:0px;border-right:0px;border-bottom:1px ' 去掉textArea的边框样式： style='overflow:auto; background-attachment: fixed; background-repeat: no... -
移动端H5页面中1px边框的几种解决方法
2018-07-23 19:45:19这是一个比较老的问题了，我第一次注意到的时候，是UI设计师来找我麻烦，emmm那时候我才初入前端职场，啥也不懂啊啊啊啊啊，情形是这样的：设计师拿着手机过来：这些边框都粗了啊，我的设计稿上是1px的我：？... -
HTML页面表单输入框去掉鼠标选中后边框变色的效果
2015-06-12 15:55:00标题说的有些含糊，实在不知道怎么描述了，就简单说一下吧，一个最简单的表单，代码如下，没有任何样式和名字， 1 <!DOCTYPE html> 2 <html> 3 <head> 4 &... -
使用div建立一个简单的前端页面
2018-03-28 09:09:30/*超链接文办的下划线去掉*/ } /*设置整个网页的边框*/ #page{ border: 1px solid black; } /*设置logo*/ #logo{ height: 55px; overflow: hidden; /*清除浮动 只要超出这个... -
vue+elementuI 解决页面跳转后table表格最后一行边框线显示不全问题
2020-09-25 11:04:27overflow属性为hidden时，最后一行显示不全 .el-table { overflow: hidden; } overflow属性为auto时，最后一行可以显示 .el-table { overflow: auto; } -
使用CSS去掉超链接的虚线边框的方法
2021-01-19 20:53:38这些虚线边框是作为对视觉设计的一种辅助，在不使用鼠标，而用键盘Tab键进行页面浏览时，会标示出当前所在的链接或控件的位置，便于浏览。这对那些视觉有障碍的人士来说更是必不可少的。 但是有些时候我们却不想... -
css去掉边框
2018-09-20 15:17:43CSS去掉div的边框可以去掉css的border属性，或者覆盖...1、如图，这是一个带边框的div测是页面。 2、第一个div的边框是这行css实现的效果 border: 5px solid black; 3、第二个div没有设置边框样式 4、... -
去掉input阴影边框
2018-07-27 10:13:58使用AmazeUI写微信页面时，有一个隐藏input边框的需求，于是设置input边框的属性 border:none; 但是，当input获取焦点后，又会显示出来一个蓝色的边框，这是想到了outline属性，于是先后试了两个设置方式 ... -
HTML和CSS做一个简单的注册页面
2020-08-15 20:45:29我们可以把里面分为三个部分：左边是一段文字、中间是form表单、右边是一段文字 1.先把form表单搞定 简单介绍一下table表格属性： tr:表示一行 td:表示一个单元格 input属性： 1.1.type： text：文本 ... -
Flutter ExpansionPanelList阴影边框去除
2020-11-25 16:19:40Flutter ExpansionPanelList阴影边框去除 事情是这样的，我写一个界面，需要一个下拉框列表，但是不是所有的样式不是一样的，所以我写了一个Column，然后写了两个ExpansionPanelList，一个是List生成的，另一个是... -
如何去除button固有的边框
2019-05-20 18:45:14button的固有边框写在它的::after属性里，所以： html: <button class="myBtn"></button> Css: .myBtn::after{ border:none; } 忘记是哪里看到的了，所以我标注转载，就当是一个小tip吧。写下来... -
iframe 边框去除，使用大全
2018-01-02 16:47:02iframe 去除边框等 -
jsp页面作为一个子页面嵌套到另一个jsp页面中
2017-06-26 17:13:50一、子页面jsp作为主页面的一部分： 1、应用场景：我们平时开发为了提高开发效率，都会引用一些第三方的js库，最典型的就是jQuery，只有一个js还好，如果多了呢？每新建一个jsp页面都要引一遍，非常麻烦，看起来... -
css iframe边框去掉
2018-02-11 20:04:00【IE6以下】 iframe边框通过css设定在FF下正常在ie下却还存在边框，通过在iframe标签内部设置属性 frameborder="no" border="0" 可以去掉讨厌的iframe边框。 <iframe src="url“ id="iframe" width="0" height="0... -
php生成静态页面并预览
2019-06-27 09:53:02一、前言 最近要找房子搬家，作为一名青漂，每年换房子都要成为习惯了，不过还好，偌大的城市还能容得下身体和灵魂。 这篇文章主要是记录... -
iview---去掉select选择器默认边框
2021-08-27 16:31:20这是iview官方组件库的选择器，都是有一跳灰灰的边框，想要去掉，但设置border：0没有效果 我是这样做的： 1、首先添加一个你相中的select选择器，给他设置个class，这个很重要！！！ <Select v-model=... -
CSS去除input和button默认黑色边框
2021-01-29 23:30:26今天在练习用纯JS写登录页面的时候遇到了样式问题，就是我设置边框是青色的，但是鼠标悬浮、和鼠标点击时候竟然多出了一个难看的黑色边框，以前都是用各种UI框架，从不会出现这个问题。经查才发现竟然有个CSS属性较... -
去掉Android 加载的页面上的超链接 黄色边框
2013-03-06 12:58:30当点击一个连接的时候，为了表示你所点击的连接，他们会在这个标签上面圈上个边框，自带的那个浏览器就是黄色，是否能通过CSS来取消呢这个边框呢？ 需要修改超链接样式，加上 -webkit-tap-highlight-color:... -
解决vue页面四周有白边的问题
2019-12-19 16:41:00在export default的代码中添加如下代码，设置body的属性margin:0和... // 去除背景色 document.querySelector('body').setAttribute('style', '') next() }, 再刷新下看看，四周的白边已经消失了 -
html frameset边框问题 去掉横条
2016-04-13 21:03:51frameborder 指定框架边框是否以三维方式显示。yes或1—-三维边框；no或0—-平面边 border 指定框架边框的宽度（以像素为单位）。 border=“0”之后就能隐藏边框了。 ,*" frameborder="no" > <frame name
