How do I add cross symbol in textbox?
You can do something like below:

write below code in any module

function modulename_theme() {
  $themes = array (
      'search_input' =&gt; array(
      'render element' =&gt; 'element',
    ),   
  );
  return $themes;
}

/**
 * Implementation of hook_element_info()
 */
function modulename_element_info(){
  $types['search_input'] = array
  (
    '#input' =&gt; TRUE,
    '#theme' =&gt; 'search_input',
    '#theme_wrappers' =&gt; array('form_element'),
  );

  return $types;
}


write below code in template.php:

function themename_search_input($variables){ //echo "&lt;pre&gt;";print_r($variables);exit;
  $element = $variables['element'];
  $element['#attributes']['type'] = 'search';
  element_set_attributes($element, array('id', 'name', 'value', 'size', 'maxlength'));
  _form_set_class($element, array('form-number'));

  $extra = '';
  if ($element['#autocomplete_path'] &amp;&amp; !empty($element['#autocomplete_input']))
  {
    drupal_add_library('system', 'drupal.autocomplete');
    $element['#attributes']['class'][] = 'form-autocomplete';

    $attributes = array();
    $attributes['type'] = 'hidden';
    $attributes['id'] = $element['#autocomplete_input']['#id'];
    $attributes['value'] = $element['#autocomplete_input']['#url_value'];
    $attributes['disabled'] = 'disabled';
    $attributes['class'][] = 'autocomplete';
    $extra = '&lt;input' . drupal_attributes($attributes) . ' /&gt;';
  }

  $output = '&lt;input' . drupal_attributes($element['#attributes']) . ' /&gt;';

  return $output . $extra;
}


In cs file: 

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}


and use #type = search_input. It may help you