Pointer-Pointer Color - Firefox

My question is about this image. When I have a placeholder in firefox, the cursor (the vertical bar when we focus the input) becomes black instead of white (my font color). [1st Image, this is not easy to see, but I'm focused on the "Password" entry and there is a black cursor]

If there is no placeholder in the input, the panel will be white as it should. [2nd Image]

Is there anyway I can make this bar white?

thank

Edit [Code]:

CSS

input, select {
    background-color: #232323;
    margin: 3px 0px;
    padding: 0px 2px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 11px;
}

      

        
        
        
      

    

Html

<input type="text" name="username" class="right" /><br/>
<input type="password" name="passord" placeholder="Password" class="right" /><br/>

      

        
        
        
      

    

With the code I'm using, the goal is to make the vertical bar in the top image [password box] white.