You mentioned having tried several things. I would encourage you to focus exclusively on the last one, wherein you tried to modify a CSS rule having to do with AspNet-DetailsView-Value. That's a good start... but you need to refine you approach a little.
If I understand correctly, you want to directly control the width of the textbox that is showing the value some field you bound to. Presumably, this is when you are in the "edit" mode for the DetailsView. If you look at the HTML source code for the page I think you'll find that there is a <span> whose class is AspNet-DetailsView-Value and inside of it there is an <input> tag that is the textbox whose width you said you want to adjust. Right?
If so then the CSS rule's selector (the thing that identifies what part of the DOM the rule applies to) must zero in on the <input> tag itself. If your <asp:DetailsView> has a CssSelectorClass value of PrettyDetailsView then the CSS rule for the textbox would be something like:
.PrettyDetailsView span.AspNet-DetailsView-Value input
{
width: 50em;
}
Of course the exact value for the width would be whatever you think is right, 50em is just an placeholder value.
Would you give this a try and let me know what happens? There's lots of cool info on most of web search engines about more of the ways that you can tailor your CSS rules' selectors (the part before the first brace) so the rule only impacts the elements of your page that you are interested in. Try searching around for: CSS selector syntax
Good luck and happy new year!
Russ Helfand
Groovybits.com