• 0

Default <Input> Font


Question

12 answers to this question

Recommended Posts

  • 0
  On 02/03/2010 at 10:23, Tanoru said:

@Decryptor Sorry I wasn't clearer before, I knew that. I have a span element inside my div ID'd search =)

In that case, your selector is the wrong way round. What you should have is:

div#search input {
    font-family:whatever;
}

Which styles all inputs that are children of the div with the ID "search". Parent elements are always on the left :)

  • 0

Ok after going back and looking at my code, what I ACTUALLY have is :

#search input {

background:none;

border:none;

color:#ccc;

height:26px;

margin-top:-1px;

padding-left:4px;

text-shadow:0px 2px 2px #000;

width:170px;

}

when I add font-family to that it has no effect. =/

  • 0

Probably what I should have just done at the start to save this confusion.

HTML

<span id="search">

<input name="search" type="text" value="Search this website..." onclick='this.value = "";' onblur="if (this.value == '') {this.value = 'Search this website...';}" onfocus="if (this.value == 'Search this website...') {this.value = '';}" />

</span>

CSS

#search input {

background:none;

border:none;

color:#ccc;

height:26px;

margin-top:-1px;

padding-left:4px;

text-shadow:0px 2px 2px #000;

width:170px;

}

  • 0

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
&lt;html lang="en"&gt;
    &lt;head&gt;
        &lt;title&gt;Test&lt;/title&gt;
        &lt;style type="text/css"&gt;
            #search input {
                background:none;
                border:none;
                color:#ccc;
                height:26px;
                margin-top:-1px;
                padding-left:4px;
                text-shadow:0px 2px 2px #000;
                width:170px;
                font-family: monospace;
            }
        &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;p&gt;
            &lt;span id="search"&gt;
                &lt;input name="search" type="text" value="Search this website..." onclick='this.value = "";' onblur="if (this.value == '') {this.value = 'Search this website...';}" onfocus="if (this.value == 'Search this website...') {this.value = '';}" /&gt;
            &lt;/span&gt;
        &lt;/p&gt; 
    &lt;/body&gt;
&lt;/html&gt;

That works fine for me.

  • 0

If putting a value in font-family isn't working... is the font name spelled correctly? is the font a default font, currently on your PC? If the font has a space in its name, does it have quotes around it? Is it the child element to another node that has a font assigned? Have you tried adding !important?

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Linus Torvalds releases a pretty ordinary Linux 6.16-rc3 by Paul Hill Linus Torvalds, the head and founder of the Linux kernel, has announced the release of Linux 6.16-rc3. This release comes with fixes for new features that were introduced during the merge window several weeks ago, and for old features where issues have been detected or improvements need to be made. If you remember last week, Torvalds said that rc2 seemed smaller than usual, putting it down to people going on vacation. He said this week’s rc3 seems to be in the usual ballpark for this time of the cycle, so everything looks “entirely normal.” In terms of changes, this release is “dominated” by wireless networking and GPU driver updates, however, Torvalds doesn’t think that anything really huge stands out this time. While nothing stands out Torvalds urged people to carry on testing and submitting patches. This update saw improvements to the core system and architecture. There have been improvements to ARM64 KVM that improve stability and correctness of virtualizations on ARM64. There are also improvements to RISC-V KVM and Trust Domain Extensions (TDX) for Intel which expand and secure virtualization capabilities on those architectures. On the graphics front, there are fixes for the amdgpu and amdkfd drivers that fix job handling, engine resets, display corruption, and power management features. The driver used for Qualcomm’s Adreno GPUs has been updated to improve fault handling, display timing, and driver binding. The open-source Nouveau (Nvidia) driver has been updated with fixes for GSP message queue references, potential integer overflows, buffer size adjustments, and a use-after-free bug. Finally, the Intel i915 driver has been updated to address early wedge issues, memory initializations, and build errors. There are also improvements to Wi-Fi devices (ath12k and iwlwifi), sound (ALSA), power management on AMD, and file system improvements (OverlayFS, EROFS, XFS, NFS, SunRPC). Linux 6.16 is due for release at the end of July and will then be picked up by Linux distributions, which will be the first interaction most end users have with the new features in this update. The main benefit of a newer kernel is that Linux will work on newer hardware, so if you’ve had issues with Linux, be sure to try it periodically in case your hardware is now supported.
    • Technically, it should be account-bound after activating it
    • Follow this video, and a new build will feel a lot faster. https://www.youtube.com/watch?...WLAytRBid7Qryv3&index=1
  • Recent Achievements

    • Week One Done
      urbanmopdubai1 earned a badge
      Week One Done
    • One Month Later
      Jim Dugan earned a badge
      One Month Later
    • First Post
      Johnny Mrkvička earned a badge
      First Post
    • Week One Done
      viraltui earned a badge
      Week One Done
    • One Month Later
      serfegyed earned a badge
      One Month Later
  • Popular Contributors

    1. 1
      +primortal
      645
    2. 2
      Michael Scrip
      226
    3. 3
      ATLien_0
      219
    4. 4
      Steven P.
      150
    5. 5
      Xenon
      146
  • Tell a friend

    Love Neowin? Tell a friend!