如何将内容的样式设置为默认值

时间:2014-08-07 18:00:43

标签: css zurb-foundation

我正在使用Zurb foundation 3自定义布局(网格)和样式。根据登录的用户,我需要删除部分内容的Zurb样式。但我仍然希望继续使用zurb布局。

如何将元素的所有属性重置为默认值。

enter image description here

仅针对我要将其设置为默认页面的主要内容,其他部分仍应使用zurb样式。

CSS:

    input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  background-color: #eeeeee;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
  font-size: 17px;
  padding: 4px 6px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  background: #fafafa;
  outline: none !important;
  border-color: #b3b3b3;
}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
  background-color: #ddd;
}

HTML:

<div class="row">
                    <div class="four columns">
                        <label for="txtName">* First Name:</label>
                    </div>
                    <div class="fourteen columns ">
                        <input name="ctl00$ContentPlaceHolder1$txtName" type="text" maxlength="25" id="ContentPlaceHolder1_txtName" class="eight" />
                    </div>
                </div>

我必须为所有控件执行此操作,而不仅仅是输入。

呈现HTML(查看源代码):

0 个答案:

没有答案