如何在一个类中组合CSS使Blogger模板可用

时间:2017-04-03 02:19:42

标签: html css blogger

我正在尝试创建HTML / CSS的文本框混合。我有用于设计文本框的CSS代码。我想在博客中使用此代码,但我无法将CSS组合在一个类中,以便在博客中使用。请有人帮帮我。谢谢。
CSS和HTML:



body {
	background-color: #f1f1f1;
	font-family: Helvetica,Arial,Verdana;
}
.link-box,.link-wrapper {
	position: relative;
	padding: 10px;
}
.link-wrapper {
	width: 500px;
	margin: auto;
	margin-top: 50px;
}
.link-box {
	width: 80%;
	border: 1px solid #ccc;
  outline: 0;
  border-radius: 15px;
}
.link-box:focus {
	box-shadow: 0 0 15px 5px #b0e0ee;
	border: 1px solid #0AA700;
}

<div class="link-wrapper">
	<input type="text" onClick="this.select();" name="focus" required class="link-box" value="www.google.com"  readonly/>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

不完全是一个班级的意思。但是,如果你的意思是你只能在父div上有一个类而不在输入上,那就行了。

.link-wrapper {
  position: relative;
  width: 500px;
  margin: auto;
  margin-top: 50px;
  padding: 10px;
}
.link-wrapper input {
  width: 80%;
  border: 1px solid #ccc;
  outline: 0;
  border-radius: 15px;
  padding: 10px;
}
.link-wrapper input:focus {
  box-shadow: 0 0 15px 5px #b0e0ee;
  border: 1px solid #0AA700;
}