How to change the tint color of the clear button on a UITextField

Question

I have an auto-generated clear button on my UITextfield, with the default blue tint color. I cannot change the tint color to white. I have tried modifying the storyboard and code without success, and I do not want to use a custom image.

How can I change the default clear button tint color without using a custom image?

Answer 1

Here you go!

A TintTextField.

Using no custom image, or added buttons etc.

class TintTextField: UITextField {       var tintedClearImage: UIImage?       required init(coder aDecoder: NSCoder) {        super.init(coder: aDecoder)        self.setupTintColor()      }       override init(frame: CGRect) {        super.init(frame: frame)        self.setupTintColor()      }       func setupTintColor() {        self.borderStyle = UITextField.BorderStyle.roundedRect        self.layer.cornerRadius = 8.0        self.layer.masksToBounds = true        self.layer.borderColor = self.tintColor.cgColor        self.layer.borderWidth = 1.5        self.backgroundColor = .clear        self.textColor = self.tintColor      }      override func layoutSubviews() {         super.layoutSubviews()         self.tintClearImage()     }      private func tintClearImage() {         for view in subviews {             if view is UIButton {                 let button = view as! UIButton                 if let image = button.image(for: .highlighted) {                     if self.tintedClearImage == nil {                         tintedClearImage = self.tintImage(image: image, color: self.tintColor)                     }                     button.setImage(self.tintedClearImage, for: .normal)                     button.setImage(self.tintedClearImage, for: .highlighted)                 }             }         }     }      private func tintImage(image: UIImage, color: UIColor) -> UIImage {         let size = image.size          UIGraphicsBeginImageContextWithOptions(size, false, image.scale)         let context = UIGraphicsGetCurrentContext()         image.draw(at: .zero, blendMode: CGBlendMode.normal, alpha: 1.0)          context?.setFillColor(color.cgColor)         context?.setBlendMode(CGBlendMode.sourceIn)         context?.setAlpha(1.0)          let rect = CGRect(x: CGPoint.zero.x, y: CGPoint.zero.y, width: image.size.width, height: image.size.height)         UIGraphicsGetCurrentContext()?.fill(rect)         let tintedImage = UIGraphicsGetImageFromCurrentImageContext()         UIGraphicsEndImageContext()          return tintedImage ?? UIImage()     }  }