C&D

初始化CSS

编辑于 2017年05月01日13:05 作者:Xie.z

初始化CSS , 底部加入了表单元素的placeholder参数的样式 , placeholder 消失了别着急 , 修改底部几行就可以

@charset "utf-8";
/*
xiezsama.com Reset Stylesheet
Author: xiez studio
Last Updated: 2017-03-22
*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	box-sizing: border-box
}
:after, :before {
	box-sizing: border-box
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	font-family: "Microsoft Yahei", "微软雅黑", Meiryo, sans-serif;
	overflow-x: hidden;
	font-size: 14px;
	color: #333333;
}
address, caption, code, figcaption, pre, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
fieldset, iframe, img {
	border: 0
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
caption, th {
	text-align: left
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
sup {
	vertical-align: text-top
}
sub {
	vertical-align: text-bottom
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input, select {
	vertical-align: middle
}
button {
	background: 0 0;
	border: 0;
	box-sizing: content-box;
	color: inherit;
	cursor: pointer;
	font: inherit;
	line-height: inherit;
	overflow: visible;
	vertical-align: inherit
}
button:disabled {
	cursor: default
}
audio:not([controls]) {
	display: none
}
:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
	outline: 0
}
::-moz-focus-inner {
	border:0;
	padding:0
}
a, a:link, a:visited {
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
a:active {
	text-decoration: none
}
ul {
	list-style: none
}
img {
	display: block;
	height: auto;
	max-width: 100%
}


:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;opacity:1;
}

input:-ms-input-placeholder{
    color: #fff;opacity:1;
}

input::-webkit-input-placeholder{
    color: #fff;opacity:1;
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

@charset "utf-8";

xiezsama.com Reset Stylesheet

Author: xiez studio

Last Updated: 2017-03-22

* {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-size: 100%;

vertical-align: baseline;

background: 0 0;

box-sizing: border-box

}

:after, :before {

box-sizing: border-box

}

html {

font-size: 100%;

-webkit-text-size-adjust: 100%;

-ms-text-size-adjust: 100%

}

body {

font-family: "Microsoft Yahei", "微软雅黑", Meiryo, sans-serif;

overflow-x: hidden;

font-size: 14px;

color: #333333;

}

address, caption, code, figcaption, pre, th {

font-size: 1em;

font-weight: normal;

font-style: normal

}

blockquote, q {

quotes: none

}

blockquote:after, blockquote:before, q:after, q:before {

content: '';

content: none

}

fieldset, iframe, img {

border: 0

}

ins {

background-color: #ff9;

color: #000;

text-decoration: none

}

caption, th {

text-align: left

}

table {

border-collapse: collapse;

border-spacing: 0

}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {

display: block

}

audio, canvas, progress, video {

display: inline-block;

vertical-align: baseline

}

sup {

vertical-align: text-top

}

sub {

vertical-align: text-bottom

}

hr {

display: block;

height: 1px;

border: 0;

border-top: 1px solid #ccc;

margin: 1em 0;

padding: 0

}

input, select {

vertical-align: middle

}

button {

background: 0 0;

border: 0;

box-sizing: content-box;

color: inherit;

cursor: pointer;

font: inherit;

line-height: inherit;

overflow: visible;

vertical-align: inherit

}

button:disabled {

cursor: default

}

audio:not([controls]) {

display: none

}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {

outline: 0

}

::-moz-focus-inner {

border:0;

padding:0

}

a, a:link, a:visited {

text-decoration: none

}

a:hover {

text-decoration: underline

}

a:active {

text-decoration: none

}

ul {

list-style: none

}

img {

display: block;

height: auto;

max-width: 100%

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color: #fff; opacity:1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #fff;opacity:1;

}

input:-ms-input-placeholder{

color: #fff;opacity:1;

}

input::-webkit-input-placeholder{

color: #fff;opacity:1;

}

上一篇: JQUERY插件 – liMarquee无缝滚动插件使用方法
下一篇: JQUERY插件 – FullPage全屏滚动插件使用方法