css按钮不可操作样式

css 让按钮不可点击 jquery css按钮不可点击样式_css

CSS2.1鲜为人知的功能之一就是能够定义底层操作系统主题正在使用的字体和颜色。 当您需要更紧密的OS集成时,例如HTML帮助文件,Adobe AIR或脱机Web应用程序时,这很有用。

在开始之前,有一些警告:

  • 不要依赖所有操作系统/浏览器组合中的这些属性。 如果您的应用程序必须在BeOS上的Opera中运行,那么我建议您首先对其进行测试!
  • CSS3中不推荐使用该属性,而采用外观值类型 (尽管此时对浏览器的支持非常有限)。
  • 没有什么可以阻止用户在其OS中定义异常,冲突或丑陋的配色方案。 页面将反映他们的选择,而不是您的设计师的选择。

系统字体

系统字体是使用'font'属性分配的。 请注意,族,大小和样式均已适当分配,例如

body
{
	font: caption;
}

以下字体值可用。 “示例”列显示了操作系统设置的当前字体。

属性

描述


标题

控制字体(按钮,下拉菜单等)

ABC abc 123

图标

图标标签字体

ABC abc 123

菜单

菜单字体

ABC abc 123

信息框

对话框字体

ABC abc 123

小标题

小控制标签

ABC abc 123

状态栏

状态栏字体

ABC abc 123

系统颜色

可以将系统颜色分配给任何需要颜色值的属性,例如

body
{
	color: WindowText;
	background-color: Window;
	border: 2px solid ActiveBorder;
}

以下颜色值可用。 为了清晰起见 ,它们在CamelCase中显示,但是任何大小写均有效。 “示例”列显示了由操作系统设置的颜色。

属性

描述


活动边界

活动窗口边框

有效字幕

活动窗口标题

AppWorkspace

多文档界面的背景色

背景

桌面背景

钮扣脸

3D显示元素的面色

ButtonHighlight

3D显示元素的阴影(远离光线)

按钮阴影

3D显示元素的阴影颜色

ButtonText

按钮上的文字

字幕文字

标题,大小框和滚动条箭头框中的文本

灰色文字

灰色(禁用)文本(如果操作系统不支持,则为#000)

突出

在控件中选择的项目

HighlightText

在控件中选择的项目的文本

无效边界

无效的窗口边框

无效字幕

无效的窗口标题

InactiveCaptionText

非活动标题中的文本颜色

信息背景

工具提示控件的背景颜色

信息文字

工具提示控件的文本颜色

菜单

菜单背景

菜单文字

菜单中的文字

滚动条

滚动条灰色区域

Undertow

3D显示元素的Undertow

三面体

3D显示元素的面色

ThreeDHighlight

3D显示元素的突出显示颜色

ThreeDLightShadow

3D显示元素的浅色(面向灯光)

Undertow

3D显示元素的Undertow

窗口

窗口背景

窗框

窗框

WindowText

Windows中的文字

这些属性在您的下一个项目中有用吗?

翻译自: https://www.sitepoint.com/css-system-styles/

css按钮不可操作样式