【问题标题】:javascript search box and edit font sizejavascript搜索框和编辑字体大小
【发布时间】:2016-09-20 18:44:54
【问题描述】:

这是一个用于搜索某个数据库的 javascript。脚本生成一个Search按钮提交查询,有没有办法调整这个按钮中文字的字体/大小

<script src="http://www.bccls.org/js/jquery-1.7.2.min.js" type="text/javascript" ></script>
<script src="http://www.bccls.org/js/searchPolaris.js?v=2" type="text/javascript" ></script>

<form name="search" id="search" action="javascript:searchPolaris()">
    <input name="query" type="text" id="query" style="width: 220px">
    <input type="hidden" NAME="whichlibrary" id="whichLibrarySelected" value="119">
    <br />
    <input type="submit" value="Search" target="_blank">
    <input type="hidden" name="newWindowCheck" id="newWindowCheck" value="newWindow">
</form>

【问题讨论】:

  • 在什么条件下要调整字体大小?

标签: javascript jquery html search fonts


【解决方案1】:

你可以用css:

input[type="submit"] {
  font-size: 3rem; /* or whatever...*/
  }
<script type="text/javascript" src="http://www.bccls.org/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.bccls.org/js/searchPolaris.js?v=2"></script>

<FORM name="search" id="search" 
action="javascript:searchPolaris()">
   <input name="query" type="text" id="query" style="width: 220px"><input type="hidden" NAME="whichlibrary" id="whichLibrarySelected" value="119">
   <br />
   <input type="submit" value="Search" target="_blank"><input type="hidden" name="newWindowCheck" id="newWindowCheck" value="newWindow">
</form>

【讨论】:

  • 有没有办法不使用 CSS 进行调整?
  • 可能还会添加一个 id 选择器示例,以防他只想点击实例而不是完全点击类型。
  • 如果您不想使用外部样式表,那么您可以选择使用内联样式:&lt;input type="submit" style='font-size: 3rem;' value="Search" target="_blank"&gt;
  • 内联样式仍然是 CSS ;)
  • 你明白我的意思,克里斯;)
猜你喜欢
  • 2018-02-19
  • 1970-01-01
  • 2013-06-30
  • 1970-01-01
  • 2011-04-07
  • 2017-03-25
  • 2012-07-17
  • 1970-01-01
  • 2019-06-03
相关资源
最近更新 更多