How to style dropdown?

Question

css

How to style a dropdown like this?

<select id="loc-state" value="State">
  <option>USA</option>
  <option>Russia</option>
  <option>Moldova</option>
</select>

Namely:
- change the arrow
- change the background of the drop-down menu
- change the font of the drop-down menu

Answer 1

Alternatively, https://jsfiddle.net/270s8fr3/

Answer 2

Write select in js / take a ready-made solution and substitute the value in the input.

Answer 3

Asked - Answered

<?php

echo '<form action="new6.php" method="post">
  <input type="text" name="IPAddress" value=""><br><br>
  <input type="submit" value="Submit">
</form>';

try 
{
$soap_client = new SoapClient("http://www.webservicex.net/geoipservice.asmx?WSDL");
  $vec = array("IPAddress"=>$_POST[IPAddress]);
  //print_r($vec);
  echo '<br><br>';
  
  $quote = $soap_client->GetGeoIP($vec);
  //print_r($quote);
  echo '<br><br>';

  //print_r($quote->GetGeoIPResult->CountryName);
  
  $country = $quote->GetGeoIPResult->CountryName;
  echo "Ваш IP " . $quote->GetGeoIPResult->IP . " соответствует стране: " . $country;
  
}

catch (SoapFault $exception)
{
echo $exception->getMessage();
}