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

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 */
}

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

how to override nokia basic searchbox input style?

html

css

here-api