How to remove SwiftUI TextField focus border?

Question

Created Oct ’19

Replies 2

Boosts 0

Views 4.7k

Participants 3

How does one remove the focus border for a TextField in SwiftUI?

In Cocoa, setting the border to "None" in interface builder would remove the border.

I've tried using .border with a width of zero, but that does not work. The .border adds another border on top of the focus border.

Setting the style also does not do the trick.

Answered by wingover in 623594022

Code Block swiftextension NSTextField { 
		open override var focusRingType: NSFocusRingType {
				get { .none }
				set { }
		}
}

with PlainButtonStyle() you can start a blank slate customization

Boost

Answer 1

Jul ’20

Accepted Answer

Code Block swiftextension NSTextField { 
		open override var focusRingType: NSFocusRingType {
				get { .none }
				set { }
		}
}

with PlainButtonStyle() you can start a blank slate customization

3

Answer 2

Aug ’23

If you are developing for macOS and don't want a button to show a square focus on it you can use the focusable modifier.

Button("a button") { 
// the action the button will do 
}
 .focusable(false)

0