css 去除input框边框 鼠标禁用状态 背景颜色

让一个input框作为一个有placeHolder 提示信息的 展示信息面板

左边为可编辑的面板（为编辑状态）右边为展示

右边需要修改

0.背景颜色与背景同色

1.取消外边框

input{   outline: medium}2.鼠标禁用（可作为全局样式使用）

.mouse_disabled {

pointer-events: none;

}

3.修改input placeHolder  样式

修改后

编辑完

ok~~

原文地址：https://www.cnblogs.com/522040-m/p/10148406.html

时间： 2024-08-05 17:20:32

css 去除input框边框 鼠标禁用状态 背景颜色的相关文章

VUE中CSS去除Input的边框样式和阴影

先来看下之前的样式(左边和上边都是有阴影的) 在style标签中加上下面一段代码看效果~~ <style scoped> input { outline-color: invert; outline-style: none; outline-width: 0px; border: none; border-style: none; text-shadow: none; -webkit-appearance: none; -webkit-user-select: text; outline-co

用CSS怎样实现鼠标移上去背景颜色变色 onmouseover、onmouseout

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

鼠标经过时背景颜色变化

<style type="text/css">#coolmenu{border: 1px solid black;border-bottom-width: 0;width: 170px;background-color: #E6E6E6;}* html #coolmenu{width: 164px;}#coolmenu a{font: bold 13px Verdana;padding: 2px;padding-left: 4px;display: block;width:

转：zTree树控件入门之checkbox：如何动态设置节点的checkbox选择框启用与禁用状态（chkDisabled)

当一棵树的部分节点根据登入用户角色不同而决定是否启用节点前的checkbox选择框的时候,我们应该如何做呢?也或者如何在页面加载的时候动态根据当前登入用户角色动态切换节点前的checkbox的禁用状态? 针对上列一系列问题,今天这里将做一个统一的讲解: 关于节点前的checkbox选择框是否禁用,是通过属性chkDisabled来决定的,值为true则表示禁用:反之表示启用: 一.初始化设置节点禁用 示例代码如下所示: var zNodes =[ { id:1, pId:0, name:"随意勾

css中input框不可点击+首行缩进

Css 1)text-indent::首行缩进 2)disabled="true"设置input框不可以点击 3)Css:xx!important:声明提前优先级最高..!important优先级最高 4)readonly="true"设置input框不可以点击(用disabled设置之后不能获取表单值)

如何去除input框在谷歌浏览器下的黄色底纹

现象:谷歌浏览器下input框有默认记住功能,此时若选择了历史输入的内容,则变成如下图:非历史输入,是没有的. 方法一 input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}此法仅适用纯色背景: 方法二 input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofil

2015-09-21 第三节课 css属性 border（边框）、background(背景）

一.border的用法 border的属性有:border-color:边框颜色  border-width: 表示边框的粗细  border-style:边框样式(solid实线.dashed虚线.dotted:点线) 通常的写法:border:solid 3px red; HTML如下: <div id="d1"> 边框高度 边框宽度 边框颜色 </div> CSS如下: #d1{ width:200px; height:200px; border:soli

css设置input框没有边框，选中时取消背景色

1 input { 2 outline:none; 3 background:transparent; 4 border:none; 5 outline:medium; 6 } 7 *:focus { 8 outline: none; 9 background-color: transparent; 10 } 11 ::selection{background:transparent; } 12 ::-moz-selection{background:transparent; }

去掉input框点击时的默认颜色

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>文本框鼠标点中时边框不变色</title> 6 </head> 7 <body> 8 <input type="text" /> 9 </body> 10 </html> 360安全浏览器 360极