html - 如何覆盖诺基亚基本搜索框输入样式？

Question

我正在尝试 API 文档中的基本搜索框功能 http://api.maps.nokia.com/places/BasicSearchBoxExample.html

HERE api 搜索框太短，我想设计一下样式。这是我的 html

<div id="container">
    <div id="basicSearchBox"></div>
</div> 

我无权访问下面的 html 部分(它是由 header 中的引用生成的 <script src="http://api.maps.nokia.com/places/beta3/jsPlacesAPI.js"></script> )

如何设置输入框“nokia-searchbox-input”的样式以增加高度？

<div id="container">
  <div id="basicSearchBox" class="nokia-places-general-searchbox">
    <div class="nokia-searchbox">
      <input class="nokia-searchbox-input" type="text" rel="searchbox-input">
      <input class="nokia-searchbox-button" type="button" rel="searchbox-button" value="Search">
      <div rel="searchbox-list" class="nokia-searchbox-list" style="display: none;">
        <div class="nokia-searchbox-list-border"></div>
        <dl class="suggest-current"></dl>
        <dl class="suggest-saved"></dl>
        <dl class="suggest-nokia"></dl>
        <dl class="suggest-search"></dl>
      </div>
    </div>
  </div>
</div>

Answer 1

如果我有误解请告诉我，但您应该可以将其添加到您的 CSS 中:

.nokia-places-general-searchbox .nokia-searchbox-input {
    height: 20px; /* whatever you want the height to be */
}