我加入到我的网站谷歌的地方自动完成框。样式表不适用于HTML吗?
#pac-card.pac-card
div
#pac-title
| Autocomplete search
#type-selector.pac-controls
input#changetype-all(type='radio', name='type', checked='checked')
label(for='changetype-all') All
input#changetype-establishment(type='radio', name='type')
label(for='changetype-establishment') Establishments
input#changetype-address(type='radio', name='type')
label(for='changetype-address') Addresses
input#changetype-geocode(type='radio', name='type')
label(for='changetype-geocode') Geocodes
#strict-bounds-selector.pac-controls
input#use-strict-bounds(type='checkbox', value='')
label(for='use-strict-bounds') Strict Bounds
#pac-container
input#pac-input(type='text', placeholder='Enter a location')
,并有一个样式定义:
.pac-card {
margin: 10px 10px 0 0;
border-radius: 2px 0 0 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
#pac-container {
padding-bottom: 12px;
margin-right: 12px;
}
我做包括页面上的样式表。样式表不适用于HTML可能是什么原因?
的代码是正确的,因为我尝试了一下上的jsfiddle。
的是,在[哈巴狗(https://github.com/pugjs/pug)? –
@PatrickRoberts,是啊。无论如何,该CSS不会对DOM做很多改变。你有没有(@ konyv12)试图添加其他CSS的东西来显示明显的变化? – Wax