精华内容
下载资源
问答
  • 主要介绍了微信小程序按钮去除边框线分享页面功能,文中通过段简单的代码给大家介绍了微信小程序的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
    二·如何对边框设置: 1.&lt;div style="text-align:center; vertical-align:middel;"&gt;&lt;input type="text"&gt;&lt;/div&gt; 这样你试试,应该就是左右 上下都...

    二·如何对边框设置:

    1.<div style="text-align:center; vertical-align:middel;"><input type="text"></div>
    这样你试试,应该就是左右 上下都居中了

    2.如果是让内容显示的居中:
    <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页面,里面有个订单查询要选择时间,刚开始使用的输入框,没加任何的样式,效果是白色的背景再加上边框很丑,完 全与整个背景不协调。 刚开始设置了输入框背景色透明...

       前两天在开发在微信访问的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;
    }




    展开全文
  • 个需求是分享当前页面,使用美工的分享按钮图片来分享,而小程序分享功能只有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...
  • 这是个比较老的问题了,我第次注意到的时候,是UI设计师来找我麻烦,emmm那时候我才初入前端职场,啥也不懂啊啊啊啊啊,情形是这样的:设计师拿着手机过来:这些边框都粗了啊,我的设计稿上是1px的我:?...
  • 标题说的有些含糊,实在不知道怎么描述了,就简单说一下吧,个最简单的表单,代码如下,没有任何样式和名字, 1 &lt;!DOCTYPE html&gt; 2 &lt;html&gt; 3 &lt;head&gt; 4 &...
  • 使用div建立个简单的前端页面

    千次阅读 2018-03-28 09:09:30
    /*超链接文办的下划线去掉*/ } /*设置整个网页的边框*/ #page{ border: 1px solid black; } /*设置logo*/ #logo{ height: 55px; overflow: hidden; /*清除浮动 只要超出这个...
  • overflow属性为hidden时,最后行显示不全 .el-table { overflow: hidden; } overflow属性为auto时,最后行可以显示 .el-table { overflow: auto; }
  •  这些虚线边框是作为对视觉设计的种辅助,在不使用鼠标,而用键盘Tab键进行页面浏览时,会标示出当前所在的链接或控件的位置,便于浏览。这对那些视觉有障碍的人士来说更是必不可少的。  但是有些时候我们却不想...
  • css去掉边框

    千次阅读 2018-09-20 15:17:43
    CSS去掉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属性,于是先后试了两个设置方式 ...
  • 我们可以把里面分为三个部分:左边是段文字、中间是form表单、右边是段文字 1.先把form表单搞定 简单介绍一下table表格属性: tr:表示行 td:表示个单元格 input属性: 1.1.type: text:文本 ...
  • Flutter ExpansionPanelList阴影边框去除 事情是这样的,我写个界面,需要个下拉框列表,但是不是所有的样式不是一样的,所以我写了个Column,然后写了两个ExpansionPanelList,个是List生成的,另个是...
  • 如何去除button固有的边框

    千次阅读 2019-05-20 18:45:14
    button的固有边框写在它的::after属性里,所以: html: <button class="myBtn"></button> Css: .myBtn::after{ border:none; } 忘记是哪里看到的了,所以我标注转载,就当是个小tip吧。写下来...
  • iframe 边框去除,使用大全

    千次阅读 2018-01-02 16:47:02
    iframe 去除边框
  • 、子页面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官方组件库的选择器,都是有跳灰灰的边框,想要去掉,但设置border:0没有效果 我是这样做的: 1、首先添加个你相中的select选择器,给他设置个class,这个很重要!!! <Select v-model=...
  • CSS去除input和button默认黑色边框

    千次阅读 2021-01-29 23:30:26
    今天在练习用纯JS写登录页面的时候遇到了样式问题,就是我设置边框是青色的,但是鼠标悬浮、和鼠标点击时候竟然多出了个难看的黑色边框,以前都是用各种UI框架,从不会出现这个问题。经查才发现竟然有个CSS属性较...
  • 当点击个连接的时候,为了表示你所点击的连接,他们会在这个标签上面圈上个边框,自带的那个浏览器就是黄色,是否能通过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:51
    frameborder 指定框架边框是否以三维方式显示。yes或1—-三维边框;no或0—-平面边 border 指定框架边框的宽度(以像素为单位)。 border=“0”之后就能隐藏边框了。 ,*" frameborder="no" > <frame name

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 27,636
精华内容 11,054
关键字:

如何去掉一页的页面边框